码迷,mamicode.com
首页 > 其他好文 > 详细

J-Query开发锦集(2):图片切换效果

时间:2014-08-18 14:20:32      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   os   io   ar   cti   

图片切换效果在网页里面到处可见.这个图片切换效果一秒切换一张图片,循环展示.适用于图片名字有规律的情况和图片数量是一个定值的情况.

setInterval语法:方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数.

语法:

bubuko.com,布布扣

 1 <!doctype html>
 2 <html lang="en"> 
 3 <head> 
 4     <meta charset="UTF-8"> 
 5     <title></title> 
 6     <script type="text/javascript" src="js/jquery-2.1.1.js"></script>
 7     <script type="text/javascript">
 8     var srcname=0;
 9     var t;
10     $(function(){
11         timedCount(4);
12             setInterval("timedCount(4)",1000);        
13     });
14    
15     function timedCount(pageCount)
16     {
17         srcname++;//只有三张图片
18         if (srcname<pageCount)
19          {
20              $(#simg).attr("src","images/"+srcname+".jpg");
21          }
22          else{
23              srcname=0;
24          }
25         
26     };
27 
28     </script>
29 </head>
30 <body>
31     <img id="simg"/>
32 </body>
33 </html>

J-Query开发锦集(2):图片切换效果,布布扣,bubuko.com

J-Query开发锦集(2):图片切换效果

标签:style   blog   color   java   os   io   ar   cti   

原文地址:http://www.cnblogs.com/liubeimeng/p/3919328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!