webrebuild.org第四届年会——金秋四城联动

javascript图片滚动新闻(渐变)

点此查看示例
点此下载

测试通过IE6/7、Firefox、opera、safari

javascript
imgScrollByWrap(imgWrap,time,w,h,btnclass,btnlight);

参数说明:

imgWrap: 装置图片列表的容器,可参考示例
time: 切换时间,单位为毫秒(可选,默认为3500)
w: 图片的宽度,不需要加px,例如125(可选,默认为auto)
h: 图片的高度,不需要加px(可选,默认为auto)
btnclass: 装置按钮的容器的className(可选,默认为scrollNewsBtn)
btnlight: 按钮高亮的className(可选,默认为lh)

需要一个空白图片“blank.gif”,图片路径请自行修改scroll.js第385行

5.19更新

  1. firefox等标准浏览器也可以正常渐变了
  2. 不再需要默认图片,仅需要一个图片容器即可
  3. 未来可能会加入更多的切换效果
  4. 功能是完成了,但代码可能还需后继优化

5.20
修正高宽取值为auto时的错误

10 条留言

passby
2008年10月10日 15:20:46

还少放个 vBase.js

[回复]

2008年10月11日 08:54:33

已经放上vbase的连接

[回复]

来学习下!
2008年11月22日 18:38:31

要是在滚动图片旁边加描述文字呢???

[回复]

2008年11月25日 19:03:07

你可以自己做扩展
没时间改了,工作忙

结构层给img设置title属性
然后js里取出来显示个层就行了

[回复]

来学习下
2008年12月20日 10:57:36

我对JavaScript 只是略知皮毛而已,可以再讲详细点吗??谢谢

[回复]

来学习下
2008年12月20日 15:32:17

可能我错了,接着你理解错了我的意思了,我在图片旁边随便一个地方加个div获取它的TITLE做到了,我想要的效果是在图片的下面一点点地方显示图片描述,就是有个DIV,半透明效果,覆盖在图片上面!

[回复]

2009年1月23日 11:46:15

在firefox2 和firefox中都有点问题,渐变是渐变,可是变的不正常,图片总是闪动一下

[回复]

vicZen 回复:
2009年1月23日 12:02:40

不要禁用缓存

[回复]

2009年2月19日 15:13:36

不错啊 谢谢了! :D

[回复]

2009年2月19日 15:16:59

找了半天还是这个简单实用~!

[回复]