相信大家都有這樣的經(jīng)歷,當(dāng)我們?cè)诖蜷_某一個(gè)網(wǎng)站的時(shí)候,在電腦屏幕的右下角會(huì)彈出來一個(gè)小廣告窗口。如下圖：

這個(gè)是如何制作出來的呢?在我們學(xué)做網(wǎng)站過程中,也可能在我們自己的網(wǎng)站中做出這樣的效果。

方法/步驟

1. 在網(wǎng)頁(yè)的底部</body>標(biāo)簽上方粘貼以下的HTML代碼：（相關(guān)教程：什么是HTML?）

   
   <div id="rbbox"><a class="button" onclick="closeBox()">關(guān)閉</a><iframe src="https://www.xuewangzhan.com/" frameborder="0" height="200" width="300" scrolling="no"></iframe></div>
   
   

2. 在</body>標(biāo)簽下方，粘貼以下的JS代碼：

   
   <script language="javascript" type="text/javascript"> 
   
   window.onload=function(){showBox();setTimeout("closeBox()",5000)} 
   
   function showBox(o){ 
   
   if (o==undefined) o=document.getElementById("rbbox"); 
   
   o.style.height=o.clientHeight+2+"px"; 
   
   if (o.clientHeight<200) setTimeout(function(){showBox(o)},5); 
   
   } 
   
   function closeBox(){document.getElementById("rbbox").style.display="none";} 
   
   </script>
   
   

3. 在網(wǎng)頁(yè)頭部標(biāo)簽</head>上面粘貼以下的CSS樣式代碼：

   
   <style type="text/css"> 
   
   #rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden} 
   
   .button{display:inline;float:right;font-size:12px;cursor:pointer} 
   
   </style>
   
   

4. 這樣，網(wǎng)站右下角彈出廣告效果就制作好了。

標(biāo)簽： isp 代碼

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。