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

本文實例講述了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超精緻圖片輪播特效程式碼如下

<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>




 

 

 

 
  Shanghai, China 
 
  New York, NY, USA  
 

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