當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

带按钮的图片横幅广告

發(fā)布時間：2023/12/29 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了带按钮的图片横幅广告小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>作業(yè)：五張圖片輪換廣告</TITLE> <STYLE type="text/css"> .font-scroll{width:20px; text-align:center; padding-top:1px;cursor:hand;border:1 #414141 solid; font-size:9px;line-height:10px;} div{line-height:3px;} </STYLE><SCRIPT language="JavaScript">var NowFrame = 1;var MaxFrame = 5;function scroll1(d1) {if(Number(d1)){clearTimeout(theTimer); //當觸動按扭時，清除計時器NowFrame=d1; //設(shè)當前顯示圖片}for(var i=1;i<(MaxFrame+1);i++){if(NowFrame==i){document.getElementById(NowFrame).style.display='block'; //當前顯示圖片document.getElementById('bg'+NowFrame).color="#ff0000";}else{document.getElementById(i).style.display='none';document.getElementById('bg'+i).color="#414141";}}{ if(NowFrame == MaxFrame) //設(shè)置下一個顯示的圖片NowFrame = 1;elseNowFrame++;}theTimer=setTimeout('scroll1()', 3000); //設(shè)置定時器，顯示下一張圖片} </SCRIPT> </HEAD><BODY onLoad="scroll1()"> <DIV><IMG src="image/class1-1.jpg" id="1" style="display:none;"> <IMG src="image/class1-2.jpg" id="2" style="display:none;"> <IMG src="image/class1-3.jpg" id="3" style="display:none;"> <IMG src="image/class1-4.jpg" id="4" style="display:none;"> <IMG src="image/class1-5.jpg" id="5" style="display:none;"><DIV style="position:relative;left:430px;top:-100px;z-index:2;"><FONT class="font-scroll" id="bg1"><SPAN onMouseMove="scroll1(1)">1</SPAN></FONT><BR><BR><FONT class="font-scroll"id="bg2"><SPAN onMouseMove="scroll1(2)">2</SPAN></FONT><BR><BR><FONT class="font-scroll"id="bg3"><SPAN onMouseMove="scroll1(3)">3</SPAN></FONT><BR><BR><FONT class="font-scroll"id="bg4"><SPAN onMouseMove="scroll1(4)">4</SPAN></FONT><BR><BR><FONT class="font-scroll"id="bg5"><SPAN onMouseMove="scroll1(5)">5</SPAN></FONT></DIV> </DIV> </BODY> </HTML>

總結(jié)

以上是生活随笔為你收集整理的带按钮的图片横幅广告的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。