轮播呈现办法多种多样,鄙人在这里给出一个比较low的方法,若有大神指教,不甚感激!

思路:

1、在body里面设置一个img标签,src路径暂且不设置,并给img标签设置id。

html全屏轮播代码JavaScript实现HTML轮播简略有用 GraphQL

2、写一个function函数,里面设置src随着某种变量而改变的条件。

下面撸代码


&lt;!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>

在这里我采取了投契取巧的办法,我的图片名都是:

读者可以按照须要改变一下函数的构造