JS间隔性滚动代码[修正增加了部分功能] 【转：http://www.cnblogs.com/robot/archive/2008/04/09/1144568.html】

上次的Demo做得太简陋了，估计大家看了都没什么兴趣，这次我也就不弹新窗口看效果了。大家直接看吧。放到页面上似乎跟园子的样式有些冲突[firefox下没问题]，大家凑合着看吧。建议直接下demo看吧。呵呵Demo下载.新补上了带按钮的Demo.

修正增加的内容：

1.修正连续的mouseout会触发多个setTimeout的问题。

2.增加首行时点击Previous跳到最后一条记录。

3.增加ScrollAmount和ScrollDelay属性[仿marquee的属性]。

4.增加了一个Direction属性，只实现了up和down,谁有兴趣的可以再实现left和right.

5.btnPrevious和btnNext参数改成可选参数。

6.发现了可以当marquee来用的功能。

最新产品

名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99
名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99

向上滚动

var scrollup = new ScrollText("listcontent");

scrollup.LineHeight = 60;

scrollup.Amount = 4;

scrollup.Start();

最新产品

名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99
名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99

也可以当成marquee

var marquee = new ScrollText("listmarquee");

marquee.LineHeight = 60;

marquee.Amount = 1;

marquee.Timeout = 30;

marquee.Delay = 30;

marquee.Start();

最新产品

名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99
名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99

向下滚动

var scrolldown = new ScrollText("listcontent");

scrolldown.LineHeight = 60;

scrolldown.Amount = 4;

scrolldown.Direction = "down";

scrolldown.Start();

最新产品

名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99
名称:最新商品1

描述:最新商品1到货了.

价格:￥999.99
名称:最新商品2

描述:最新商品2到货了.

价格:￥999.99
名称:最新商品3

描述:最新商品3到货了.

价格:￥999.99
名称:最新商品4

描述:最新商品4到货了.

价格:￥999.99

上一条
下一条

加上按钮的效果

var scrolldown = new ScrollText("listwithbtn","scrollpre","scrollnext");

scrolldown.LineHeight = 60;

scrolldown.Amount = 4;

scrolldown.Start();