這篇文章主要介紹了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>
<p 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="//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>
</p>
</body>
</html>以上就是本章的全部內容，比較多相關教學請造訪JavaScript影片教學！
