JS間隔性滾動程式碼[修正增加了部分功能] 【轉:http://www.cnblogs.com/robot/archive/2008/04/09/1144568.html】...

weixin_34321977發表於2008-09-02
上次的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();

相關文章