中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何簡單實現圖片輪播--———-介紹一款插件slides

發布時間:2020-06-23 00:46:55 來源:網絡 閱讀:940 作者:taid11 欄目:web開發

圖片的輪播效果類似于PPT中的幻燈片切換效果,可以使多幅圖片以一種動態的方式自動切換,也可以通過鼠標點擊控制要顯示的圖片。這種動畫效果我們經常在網上看到,那么又怎么用slides插件簡單實現呢?


代碼如下:


<script src="jQuery/jquery-1.9.1.min.js"></script>

<script src="js/slides.min.jquery.js"></script>

<script>

$(function(){

$('#slides').slides({

preload: true,

preloadImage: 'p_w_picpaths/loading.gif', //等待圖標

play:6000, //圖片切換延遲

pause: 6000, //圖片暫停時間

hoverPause: true,

animationStart: function(){

$('.caption').animate({

bottom:-35

},100);

},

animationComplete: function(current){

$('.caption').animate({

bottom:0

},100);

if (window.console && console.log) {

console.log(current);

};

}

});

});

</script>

<div class="scrolpict" id="container">

<div id="example">

<img src="p_w_picpaths/new-ribbon.png" alt="" width="60" height="

60" vspace="10" id="ribbon">

<div id="slides">

<div class="slides_container">

<div>

<!--<!第一張圖片-->

<a href="p_w_picpath2.jpg" title="" target="_blank" ><img src=

"p_w_picpath2.jpg" width="300" height="200" alt=" "></a>

<div class="caption" >

<p>圖片 1</p>

</div>

</div>

<div>

<!--<!第二張圖片-->

<a href="p_w_picpath3.jpg" title="" target="_blank" ><img src=

"p_w_picpath3.jpg" width="300" height="200" alt="Slide 2"></a>

<div class="caption">

<p>圖片 2</p>

</div>

</div>

<div>

<!--<!第三張圖片-->

<a href="p_w_picpath4.jpg" title="" target="_blank" ><img src=

"p_w_picpath4.jpg" width="300" height="200" alt="Slide 3"></a>

<div class="caption">

<p>圖片 3</p>

</div>

</div>

</div>

</div>

<img src="frame.png" width="300" height="200" alt=" " id=

"frame">

</div>

</div>


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

五指山市| 汉阴县| 漯河市| 汝城县| 大同市| 洪江市| 伊宁县| 安图县| 永州市| 湟中县| 韩城市| 石城县| 铁岭县| 神池县| 鄂托克前旗| 香格里拉县| 正定县| 福鼎市| 林口县| 阿克苏市| 景宁| 峨眉山市| 贺州市| 禹州市| 虹口区| 手游| 邓州市| SHOW| 修水县| 汉中市| 娄烦县| 读书| 四川省| 高尔夫| 尼勒克县| 祁门县| 方正县| 微山县| 邳州市| 仪征市| 晋中市|