js實現網站最上邊可關閉的浮動廣告條代碼
編輯：關於JavaScript
本文實例講述了js實現網站最上邊可關閉的浮動廣告條。分享給大家供大家參考。具體如下：
這是一款廣告條代碼,平時浮動在網站最上邊,可關閉,設計唯美簡潔,帶關閉按鈕,自適應網頁寬度,色調明了,相信有不少朋友會喜歡的.
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/
具體代碼如下：
<html>
<head>
<title>網站頁首可關閉廣告條</title>
<style type="text/css">
<!--
body { margin: 0px;padding: 0px;text-align: center;}
TD {FONT-SIZE: 12px; COLOR: #333;}
#topadv {BORDER-BOTTOM: #e2e2e2 1px solid;}
-->
</style>
</head>
<body>
<SCRIPT>
function floatadv(){
document.getElementById("topadv").style.display="none";
}
</SCRIPT>
<DIV id=topadv>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4%" height="30" align="center"><img src="images/kids.gif" width="15" height="14"></td>
<td width="82%"><a href="http://www.jb51.net/"></a>是國內專業的網站建設資源、腳本編程學習類網站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網頁制作、網絡編程、網站建設等編程資料。</td>
<td width="14%" align="right"><a style="CURSOR: hand" onClick=floatadv()><img
src="images/close.gif" width=84 height=11 hspace="6" border=0></a></td>
</tr>
</table>
</DIV>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
小編推薦
熱門推薦