當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

jquery图片播放切换插件

發布時間：2023/11/27 生活经验 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery图片播放切换插件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

點擊這里查看效果
可自定義數字樣式和左右點擊按鈕

這個更好：
移入按鈕切換版本

更多圖片輪播

以下是HTML文件代碼：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <meta http-equiv="X-UA-Compatible" content="IE=8" />
 6 <style type="text/css">
 7 *{padding:0; margin:0;}
 8 </style>
 9 <link type="text/css" rel="stylesheet" href="http://keleyi.com/keleyi/phtml/jqtexiao/10/jquery.pictrueScroll.css" />
10 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/10/jquery-1.7.1.min.js"></script>
11 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/10/jquery.pictureScroll.js"></script>
12 <script type="text/javascript" >
13 $(function(){
14 $("#testScroll").pictrueScrollPlugin({'timeout':2000});
15 });
16 </script>
17 <title>jQ圖片播放切換左右控制-柯樂義</title>
18 </head>
19 
20 <body>
21 <div style="width:800px;margin:0px auto;"><h1>圖片播放切換控制</h1>
22 <div><a href="http://keleyi.com/a/bjac/bb5e7986.htm" target="_blank">原文</a></div>
23 </div>
24 <div class="pic_scroll_box" id="testScroll">
25 <ul>
26 <li><a><img src="http://keleyi.com/keleyi/phtml/jqtexiao/10/images/01.jpg" /></a></li>
27 <li><a><img src="http://keleyi.com/keleyi/phtml/jqtexiao/10/images/02.jpg" /></a></li>
28 <li><a><img src="http://keleyi.com/keleyi/phtml/jqtexiao/10/images/03.jpg" /></a></li>
29 <li><a><img src="http://keleyi.com/keleyi/phtml/jqtexiao/10/images/04.jpg" /></a></li>
30 <li><a><img src="http://keleyi.com/keleyi/phtml/jqtexiao/10/images/05.jpg" /></a></li>
31 </ul>
32 <div class="nums">
33 <span class="on"></span>
34 <span></span>
35 <span></span>
36 <span></span>
37 <span></span>
38 </div>
39 
40 </div>
41 </body>
42 </html>

web前端匯總：http://www.cnblogs.com/jihua/p/webfront.html

轉載自：http://keleyi.com/a/bjac/bb5e7986.htm

轉載于:https://www.cnblogs.com/jihua/p/jqueryimgplay.html

總結

以上是生活随笔為你收集整理的jquery图片播放切换插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

生活经验

jquery图片播放切换插件

總結