使用jquery實現圖片輪播的方法:1.新建html項目,引入jquery;2.使用img標簽添加圖片;3.使用myscroll()方法實現圖片輪播;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中使用img標簽添加圖片,用于測試;
<img src="images/1.jpg" /><img src="images/2.jpg" />
<img src="images/3.jpg" />
3.添加添加好后,使用myscroll()方法即可實現圖片輪播;
$('img').myscroll({
autoPlay: true, //設置自動播放
time: 1000, //設置播放時間間隔
speed: 400, //設置圖片切換速度
effect: 'left' //設置輪播方式
});