博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
vue-cli + webpack自动生成项目
查看>>
定义Bash提示符中显示IP
查看>>
两个div如何并列 (转)
查看>>
SSH2框架下数据库语句的编写格式(一)
查看>>
返回结果数据帮助类
查看>>
SVN部署和使用
查看>>
Build Tools
查看>>
Mysql的基础使用之MariaDB安装
查看>>
单链表操作B 分类: 链表 2015-06-0...
查看>>
周赛-Heros and Swords 分类: 比赛 ...
查看>>
Error:No suitable device found: no device found for connection "System eth0"
查看>>
Go beego框架使用笔记(一)
查看>>
jQuery各种效果举例
查看>>
Day47:HTML(简介及常用标签)
查看>>
Redis.md
查看>>
软件工程课堂小测01
查看>>
大道至简阅读笔记02
查看>>
自定义日志工具LogUtil
查看>>
Linux下安装PHP遇到的各种问题
查看>>
transition
查看>>