jQuery是一款強大的JavaScript庫,被廣泛應用于網站開發中。其中一種常見的應用就是實現一些動態效果,比如資訊自動循環滾動。
//資訊自動循環滾動 function rollNews(){ //獲取第一條資訊并向上滾動 $(".news li:first").slideUp(function(){ //在callback函數中將該條資訊添加到列表尾部并顯示 $(this).appendTo($(".news")).slideDown(); }); } //定時器,每隔3秒調用一次rollNews函數 setInterval(rollNews, 3000);
上面的代碼實現了一個簡單的資訊自動循環滾動效果。首先,將所有的資訊放在一個無序列表中(class為news),每個資訊使用li標簽包裹。然后,定義一個rollNews函數,該函數將第一條資訊向上滾動并在callback函數中將其添加到列表尾部。最后,使用setInterval函數每隔3秒調用一次rollNews函數,實現資訊的自動循環滾動。
上一篇CSS怎么改像素