在網站制作的過程中,我們經常需要展示一些廣告文字,而文字輪播則是一種經典的展示方式。下面給大家介紹一種基于HTML實現的文字輪播代碼。
<html> <head> <title>文字輪播</title> <script> var adArray=new Array("廣告1","廣告2","廣告3","廣告4");//定義廣告數組 var adIndex=0;//定義廣告索引 function changeAd(){ document.getElementById("ad").innerHTML=adArray[adIndex];//將廣告數組中的文字賦值給div的innerHTML屬性 adIndex++; if(adIndex>adArray.length-1){ adIndex=0; } } window.setInterval(changeAd,2000);//定時器,每隔兩秒鐘切換一次廣告 </script> </head> <body> <div id="ad"></div>//用于顯示廣告的div </body> </html>
以上代碼中,我們首先定義了一個存放廣告內容的數組,然后定義了一個變量adIndex來記錄當前正在顯示的廣告索引,changeAd函數負責更改div中的文字內容并更新廣告索引。最后通過window.setInterval方法來調用changeAd函數,實現每隔一定時間更換一次廣告。
以上就是基于HTML實現的文字輪播代碼,通過對此代碼的修改和優化,我們可以實現更加炫酷、吸引人的廣告展示效果。