js實現網站最上邊可關閉的浮動廣告條代碼
更新時間：2015年09月04日 10:21:29 作者：企鵝
這篇文章主要介紹了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://chabaoo.cn/">腳本之家</a>是國內專業(yè)的網站建設資源、腳本編程學習類網站，提供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程序設計有所幫助。
相關文章
實現ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。這是必須的。那么對使用js實現ajax的代碼感興趣的朋友可以參考下本文2016-05-05
本篇文章主要是對JS操作JSON進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了JavaScript中作用域鏈的概念及用途講解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了原生javascript獲取元素樣式的方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了詳解如何使用babel進行es6文件的編譯，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
說到 javascript 中的定時器，我們肯定會想到 setTimeout() 和 setInterval() 這兩個函數。本文將從 事件循環(huán)（Event Loop） 的角度來分析兩者的工作原理和區(qū)別2016-12-12
寫js時出現個bug一直提示我JAVA類中的一個屬性沒有，可是明明注釋掉了，后來才知道，JS里即使注釋也會執(zhí)行2013-11-11
這篇文章主要介紹了ES6解構賦值(數組,對象,函數)使用詳解,JavaScript 中最常用的兩種數據結構是 Object 和 Array，解構操作對那些具有很多參數和默認值等的函數也很奏效，本文通過實例代碼詳細講解需要的朋友可以參考下2022-11-11
Layui 帶多選框表格監(jiān)聽事件以及按鈕自動點擊寫法實例
今天小編就為大家分享一篇Layui 帶多選框表格監(jiān)聽事件以及按鈕自動點擊寫法實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家介紹了JS中常見編碼及加密方式解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-04-04