jQuery是一款強大的JavaScript庫,通過它可以輕松地實現圖片旋轉和暫停功能。下面我們來詳細了解一下吧。
$(document).ready(function() { var angle = 0; var interval; $('#rotateButton').click(function() { if (interval) { clearInterval(interval); interval = null; } else { interval = setInterval(function() { angle += 3; $('#myImage').rotate(angle); }, 50); } }); });
這是其中一種旋轉圖片的實現方式。我們在頁面中添加一個圖片和一個按鈕,當按鈕被點擊時,圖片開始旋轉,再次點擊時,旋轉停止。
$(document).ready(function() { var paused = false; $('#pauseButton').click(function() { if (paused) { $('#myImage').play(); paused = false; $(this).text('Pause'); } else { $('#myImage').pause(); paused = true; $(this).text('Play'); } }); });
這是暫停和播放圖片的實現方式。我們在頁面中添加一個圖片和一個按鈕,當按鈕被點擊時,圖片開始播放,再次點擊時,圖片暫停。
以上就是使用jQuery設置圖片旋轉和暫停的簡單實現方式。希望對您有所幫助。