幻灯片形容门路免费素材下载 基于jQuery的带文字阐明的幻灯片轮播成果

资源魔 44 0
一个基于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秒.

标签: 幻灯片轮播

抱歉,评论功能暂时关闭!