首頁 >web前端 >js教程 >jQuery實作圖片輪播特效程式碼分享_jquery

jQuery實作圖片輪播特效程式碼分享_jquery

WBOY
WBOY原創
2016-05-16 15:39:101156瀏覽

本文實例講述了jQuery超精緻圖片輪播投影片特效。分享給大家供大家參考。具體如下:
jquery圖片輪播插件PgwSlider是一個非常簡單的jquery插件,它可以幫你快速創建一個垂直輪播圖。
運作效果圖: 

小提示:瀏覽器中如果無法正常運作,可以嘗試切換瀏覽模式。
(1)在head區域引入CSS樣式:

<link href="css/pgwslider.min.css" rel="stylesheet">

(2)js程式碼:

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>

為大家分享的jQuery超精緻圖片輪播特效程式碼如下





jquery图片轮播插件PgwSlider
<link href="css/pgwslider.min.css" rel="stylesheet">

<script src="js/jquery.min.js"></script>
<script src="js/pgwslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function() {
 $('.pgwSlider').pgwSlider();
 });
});
</script>



  • Paris, France
  • Montréal, QC, Canada
  • Shanghai, China
  • New York, NY, USA

以上就是為大家分享的jQuery垂直圖片輪播特效程式碼,希望大家可以喜歡,並應用在實務上。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn