JQuery是一種用于編寫JavaScript的庫,使得編寫JavaScript變得更方便和簡單。在這里,我們將介紹如何使用JQuery來實現一個div循環滾動的效果。
首先,在HTML文件中要先定義一個div來存儲內容,例如:
<div id="scroll"></div>
之后,導入JQuery庫并添加以下代碼:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { var scroll_speed = 30; //滾動速度,數值越大速度越慢 var scroll_height = $("#scroll").height(); //獲取div高度 var scroll_top = 0; setInterval(function(){ $("#scroll").scrollTop(scroll_top); scroll_top++; //每次滾動高度加1 if (scroll_top >= scroll_height) { scroll_top = 0; //若滾動到底部了則重新開始滾動 } }, scroll_speed); //每隔設定時間執行一次滾動操作 }); </script>
這段代碼首先定義了滾動速度和要滾動的div高度等變量,之后使用setInterval()函數定時執行div滾動操作,并在每次滾動完到達底部時將scroll_top變量重新賦值,實現div內容無限循環滾動。
通過以上代碼,我們就可以實現一個jQuery div循環滾動的效果。希望這篇文章能夠對您有所幫助。
下一篇什么里面有css