博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
转:大气炫酷焦点轮播图js特效
阅读量:5300 次
发布时间:2019-06-14

本文共 781 字,大约阅读时间需要 2 分钟。

使用方法

Step 1. 在html的标签内引入相关文件

提示:符合条件的情况下,引入风格文件(js/css)可省,引入myFocus库即可。那么风格文件是如何自动引入的?详情请看myFocus的文件结构与自动引入风格文件机制。

Step 2. 创建myFocus标准的html结构,并填充你的内容

请稍候...
  • 标题1
  • 标题2
  • 标题3
  • 标题4
  • 标题5

IMG标签的属性说明:

Step 3. 在step1代码之后的任意一个位置调用(建议在head标签结束前调用)

//你可以简单的调用---只设置它的盒子id,其它参数全部默认设置:

    myFocus.set({id:'boxID'});

//或详细一点的参数调用:

myFocus.set({id:'boxID',//焦点图盒子ID     
pattern:'mF_fancy',//风格应用的名称     
time:3,//切换时间间隔(秒)     
trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)     
width:450,//设置图片区域宽度(像素)     
height:296,//设置图片区域高度(像素)     
txtHeight:'default'//文字层高度设置(像素),'default'为默认高度,0为隐藏 });

 

转载于:https://www.cnblogs.com/jiuban2391/p/6061549.html

你可能感兴趣的文章
机器视觉:SSD Single Shot MultiBox Detector
查看>>
201521123044 《Java程序设计》第1周学习总结
查看>>
MIT Scheme 的基本使用
查看>>
程序员的“机械同感”
查看>>
在16aspx.com上下了一个简单商品房销售系统源码,怎么修改它的默认登录名和密码...
查看>>
c++回调函数
查看>>
linux下Rtree的安装
查看>>
【Java】 剑指offer(53-2) 0到n-1中缺失的数字
查看>>
Delphi中ListView类的用法
查看>>
多米诺骨牌
查看>>
Linq 学习(1) Group & Join--网摘
查看>>
asp.net 调用前台JS调用后台,后台掉前台JS
查看>>
Attribute(特性)与AOP
查看>>
苹果手表:大方向和谷歌一样,硬件分道扬镳
查看>>
Competing Consumers Pattern (竞争消费者模式)
查看>>
Android面试收集录15 Android Bitmap压缩策略
查看>>
PHP魔术方法之__call与__callStatic方法
查看>>
ubuntu 安装后的配置
查看>>
web前端之路,js的一些好书(摘自聂微东 )
查看>>
【模板】对拍程序
查看>>