前言:
此时咱们对“js轮播广告代码”大体比较注意,小伙伴们都想要剖析一些“js轮播广告代码”的相关资讯。那么小编也在网摘上汇集了一些有关“js轮播广告代码””的相关内容,希望兄弟们能喜欢,小伙伴们快快来了解一下吧!先说一下需要的知识 setinterval函数,明白document. getelementsById是什么意思。
轮播呈现方式多种多样,鄙人在这里给出一个比较low的方法,若有大神指教,不甚感激!
思路:
1、在body里面设置一个img标签,src路径暂且不设置,并给img标签设置id。
2、写一个function函数,里面设置src随着某种变量而改变的条件。
下面撸代码!!!
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <img id = "image"/> <script > function $(id){ return document.getElementById(id); } var index=1; function setSrc(){ $("image").src="./img/"+index+".png"; ++index; if(index==3){ index=1; } } setSrc(); setInterval("setSrc()",500); </script> </body></html>
在这里我采用了投机取巧的方式,我的图片名都是:
读者可以按照需要改变一下函数的结构
标签: #js轮播广告代码