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

背景图片轮播

时间:2016-03-22 19:00:33      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

1 <title></title> 2 <style type="text/css"></style> 3 </head> 4 <body> 5 6 <img src="img/1.jpg" alt="美女?" width="450" height="550" id="mypic"/> 7 8 <script type="text/javascript"> 9 setInterval(mypic,1000);//调用mypic函数(java里面叫方法) 10 var num = 1;//设定这个变量的目的,就是为了轮播图片做铺垫 11 function mypic(){ 12 var pic=document.getElementById("mypic");//先拿到图片所在块级元素的ID 13 if(num<7){//如果图片数量小于总数量就动起来 14 num++; 15 }else{ 16 num=1; 17 } 18 pic.src="img/"+num+".jpg";//图片元素引用的地址=img/循环到的图片名称.jpg 19 } 20 </script> 21 </body>

num小于7,所以执行代码时候自己的同级图片目录下要有7张1~7.jpg名称的图片

背景图片轮播

标签:

原文地址:http://www.cnblogs.com/FieryYouth/p/5307760.html

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