黄锦诚的个人博客--有志者是锦诚!

基于Jquery的幻灯、焦点图V2.0

  2011的国庆没回家,在姐姐家里蹭饭,哪里都不去,所以省去了回家来回坐车的两天时间,突然感觉时间多了很多,应该能够好好的休息一下。

  一开始,天天睡到不想睡,第一次去了深圳大学的校园走了一下,去了海岸城的保利国际影城看了一场《白蛇传说》,想去找个球场打打篮球的,但是发现在这人偌大的城市里,找个地方打球也是一种奢侈——没有球场,场地都给人建成房子,租出去成为良好的经济效益了。

  想起以前在学校里的时候也蛮幸福的,起码可以想打球的时候有球打,想去喝酒或去哪里的时候都有时间,现在基本都是卖身了一样,一个月三千块就把自己卖得完全没有自我了,想想有时候读了那么多年的书,到头还是一个悲剧。

  假期一下子就过了七天了四天,突然又觉得时间过得很快,很快假期也将要结束了。很快又将投入无边无际的工作中了,唉,不想上班……

  一番劳骚完了,现在来转入正题。

  近段时间写了一个很简单的基于JQUERY的幻灯、焦点图的效果,适合焦点图或幻灯或TAB的选项卡的切换,更多的应用需要大家去挖掘了,没有什么技术含量,让大家见笑了。近日将其封装成可配置的函数的形式了,放上来给有需要的人使用,当然有时间会将他再作一些扩展,感谢大家的关注。

  点击此处查看DEMO

插件使用方法:

  1、首先引入脚本

  1. <script type="text/javascript" src="你下载回来的JS存放目录/aqy106AutoFocus.js"></script>

  2、在页面中脚本中写入以下封闭好的函数

  1. aqy106AutoFocus(showFocus,thumb,effect,cur,changeTime,transTime,ifAuto);

说明:
showFocus:要切换的对象
thumb:缩略图或数字的列表
effect:切换的效果,默认是渐入渐出效果,目前有“up、left、slide”三种效果
cur:缩略图或数字的激活时状态的类
changeTime:幻灯进行切换的时间间隔,单位为毫秒(ms)
transTime:幻灯效果切换的时长,单位为毫秒(ms),为0时关闭效果
ifAuto:默认为自动播放,如果设定为“off”,可将自动播放关闭,适用于TAB选项卡

使用示例:

aqy106AutoFocus("#marquee>li","#marqueeNum>li","","active",2500,150,"");
aqy106AutoFocus("#marquee1>li","#marqueeNum1>li","up","active",2500,100,"");
aqy106AutoFocus("#marquee2>li","#marqueeNum2>li","left","active",2500,500,"");
aqy106AutoFocus("#marquee3>li","#marqueeNum3>li","slide","active",2500,200,"");

  点击进入相应的DEMO,里面有详细的说明,这里就不再多说了。

  点击下载或右键“另存为”本脚本

更新:
* 2011-09-25 v1.0
* 2010-10-01 v1.1 封装函数;
* 2010-10-04 v1.2 增加关闭自动播放开关;
* 2010-10-05 V2.0 增加了多种切换的效果
* 版权没有,使用不究,但请保留声明。

  如果你有更好的建议或意见,或者交流心得,可与我进行联系,本人接受任意形式的一切交流。



2条评论

  1. Fanny Q说道:

    虽然那些IT的东西我看不懂,但是至少文字我是看得懂的。加油,我相信你能行的。



发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

黄锦诚 腾讯微博
黄锦诚,专注前端、分享生活、记录工作、关于一切,这里有不一样的惊喜!

分类

Wopus主机优惠码

无觅相关文章插件,快速提升流量