前言：
当前小伙伴们对“html全屏轮播”都比较注意，姐妹们都想要分析一些“html全屏轮播”的相关内容。那么小编在网络上搜集了一些有关“html全屏轮播””的相关文章，希望姐妹们能喜欢，姐妹们一起来了解一下吧！先说一下需要的知识 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>
在这里我采用了投机取巧的方式，我的图片名都是：
读者可以按照需要改变一下函数的结构
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html全屏轮播
