软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > jQuery > js幻灯片,带文字说明,jquery增加缓冲效果下载

js幻灯片,带文字说明,jquery增加缓冲效果

  • 资源语言:简体中文
  • 资源类型:国产软件
  • 资源大小:96 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 资源性质:免费版
运行环境:php/asp/html...
更新时间:2010-09-07 21:25:14
有无插件:无插件

  一个基于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秒.

 报告下载错误
点击链接开始下载
本类最新
相关教程
下载说明
栏目导航
推荐软件