背景图片轮播
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了背景图片轮播相关的知识，希望对你有一定的参考价值。
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名称的图片
以上是关于背景图片轮播的主要内容，如果未能解决你的问题，请参考以下文章