基于jQuery的带文字说明的幻灯片轮播效果
一个基于jQuery和slide.js完成的带说明的图片幻灯轮播效果,图片张数没有限制,只要不怕网页加载的问题可以一直多下去,这里使用了jquery1.2.4,并使用了一个基于jQuery的幻灯片轮播插件slide.js,关于这个JS文件,本特效仅是发挥了它的一点点功能,还有很多功能本例中并没有用到,下面简要说一下这个文件:
它的基本效果是幻灯片的轮播渐显,循环播放幻灯片,支持自动,和手动两种方式,鼠标移上大图,显示描述文字,鼠标移出去,隐藏描述文字,slidePic.o关联一个幻灯片dom,该dom子节点中,又以rel属性来关联,标题、描述、缩略图、页码等dom元素,用jquery获取到的这些对象, 都是基于slidePic.o对象,getData()首先会创建一个slidePic.o.data二维数组来存储:
* 标题、链接、描述、 图片路径
* 格式:[[‘标题‘,‘链接‘,‘描述‘,‘图片路径‘],[‘标题‘,‘链接‘,‘描述‘,‘图片路径‘],[‘标题‘,‘链接‘,‘描述‘,‘图片路径‘]]
* 数据源是由rel=slide-data来提供的,
* 调用方式:slidePic.init(‘#slide-box‘,2000),
* 其中#slide-box是唯一关联的幻灯片包裹元素,
* 2000幻灯片自动播放的间隔时间,为可选参数,无该参数情况下默认是6000即6秒.
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com