软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > Ajax/JavaScript > JS幻灯片类,不用Flash和jQuery轻松实现图片切换下载

JS幻灯片类,不用Flash和jQuery轻松实现图片切换

  • 界面语言:简体中文 / 国产软件
  • 文件大小:58 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 有无插件:无插件
  • 授权方式:免费版
  • 更新时间:2011-04-18 11:37:26
  • 运行环境:windows

JS幻灯片类,不用Flash和jQuery轻松实现图片切换

对于一些简单的幻灯,或者切换效果,可以用js实现,效率并不是问题,即使在IE6上。以前写过一些,都是头疼医头脚疼医脚,并没有想过扩展性问题,也没有封装。也用过一些其他的类库,比如MSClass.早期也用过jquery的一些插件,现在想想,简直就是噩梦,一个100行以内就能解决的小问题,还用jquery这种重型武器?简直就是浪费,要充分考虑到在中国还有很多地方的网速并不给力。总之,我觉得自己写一个类库,一来自己练习一些,二来希望能被复用,对大家能有所帮助。

Slide效果可以想象成投过窗子看天边飘过的白云。窗子的大小是一定的,但是飘过的白云却很大,白云滑动,就产生了slide效果。一般来说,实现Slide效果,带该包括但不限于以下几种方法:

窗子的position设成relative。overflow设成hidden。白云的position设置成absolute。然后改变白云的top和left。

改变白云的scrollTop和scrollLeft

改变白云的marginleft

注:后两种无需白云position设置成absolute.

在slider.js中。我使用了第一种方法,slider.js不能帮你动态构造窗子和白云。因为在dom加载完后动态设置样式可能会产生dom元素抖动,所以索性,我就认为你已经把窗子和白云都准备好了。slider.js帮你在实现白云自动slide和手动slide。

 报告下载错误
JS幻灯片类,不用Flash和jQuery轻松实现图片切换
推荐下载
下载说明
栏目导航
推荐下载