jQuery Mobile是一款基于jQuery的移動端UI框架，它可以快速開發(fā)出適配于各類移動設備的網(wǎng)站和應用。其中，輪播圖也是常用的展示組件之一。
實現(xiàn)輪播圖需要用到jQuery Mobile的carousel插件，首先需要引入jQuery庫和jQuery Mobile庫。
<head> <link rel="stylesheet" href="jquery.mobile.css"> <script src="jquery.js"></script> <script src="jquery.mobile.js"></script> </head>
然后創(chuàng)建一個div作為輪播圖的容器，并在其中添加多個圖片或其他內(nèi)容：
<div data-role="carousel"> <img src="1.jpg"> <img src="2.jpg"> <img src="3.jpg"> </div>
注意，要給div添加"data-role"屬性并賦值為"carousel"才能啟用輪播功能。
最后，通過在JS中調(diào)用carousel()方法即可啟用輪播功能，可以設置輪播間隔、動畫方式等參數(shù)。
<script>
$(function(){
$("[data-role='carousel']").carousel({
interval: 2000, // 輪播間隔時間
transition: 'slide' // 輪播動畫效果
});
});
</script>通過上述代碼，就可以在移動端中展示出炫酷的輪播圖了！