读书人

js图片替换效果 js焦点图代码

发布时间: 2012-11-06 14:07:00 作者: rapoo

js图片轮换效果 js焦点图代码

?

?图片轮换效果,在网上有很多了,很多都是flash的。flash的效果漂亮,但是size也比较大。找来找去也没找到简单的。。。后来看到了

使用方法

?

首先要引入trans.js

?

?

然后只关注下面这段代码就可以了,如果多一个图片就加一个td。

?

?其中可以设置许多初始化参数,下面介绍几个,其余的有兴趣可以看js文件或者参见http://www.cnblogs.com/cloudgamer/archive/2008/07/06/SlideTrans.html 。

?

Vertical设置是垂直滑动还是水平滑动。但是垂直滑动好像有点问题,我用的是水平滑动。如果垂直滑动的话可以将表格部分改为ul,然后将里面的li的样式list-style-type设置为none,然后向左浮动。

?

Pause是设置停顿时间(Auto为true时有效)

?

Duration 是设置滑动持续时间。

?

?

JS文件trans.js

?

?

?

?

?

?

?

?

?


1 楼 670777516 2011-10-17 我是菜_鸟 想问下$$什么意思啊

读书人网 >JavaScript

热点推荐