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

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

WBOY
發布: 2016-05-16 15:39:10
原創
1151 人瀏覽過

本文實例講述了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垂直圖片輪播特效程式碼,希望大家可以喜歡,並應用在實務上。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板