js實現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動廣告條代碼
更新時間：2015年09月04日 10:21:29 作者：企鵝
這篇文章主要介紹了js實現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動廣告條代碼,涉及javascript基于鼠標(biāo)事件操作頁面元素樣式的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了js實現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動廣告條。分享給大家供大家參考。具體如下：
這是一款廣告條代碼,平時浮動在網(wǎng)站最上邊,可關(guān)閉,設(shè)計唯美簡潔,帶關(guān)閉按鈕,自適應(yīng)網(wǎng)頁寬度,色調(diào)明了,相信有不少朋友會喜歡的.
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/
具體代碼如下：
<html>
<head>
<title>網(wǎng)站頁首可關(guān)閉廣告條</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.fzitv.net/">腳本之家</a>是國內(nèi)專業(yè)的網(wǎng)站建設(shè)資源、腳本編程學(xué)習(xí)類網(wǎng)站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網(wǎng)頁制作、網(wǎng)絡(luò)編程、網(wǎng)站建設(shè)等編程資料。</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程序設(shè)計有所幫助。
您可能感興趣的文章:
- JS實現(xiàn)關(guān)閉小廣告特效
- JS實現(xiàn)可關(guān)閉的對聯(lián)廣告效果代碼
- JS右下角廣告窗口代碼(可收縮、展開及關(guān)閉)
- JS實現(xiàn)可點擊展開與關(guān)閉的左側(cè)廣告代碼
- JavaScript實現(xiàn)廣告的關(guān)閉與顯示效果實例
- js實現(xiàn)跟隨鼠標(biāo)移動且?guī)шP(guān)閉功能的圖片廣告實例
- Javascript實現(xiàn)帶關(guān)閉按鈕的網(wǎng)頁漂浮廣告代碼
- js退彈 IE關(guān)閉時彈出廣告代碼,可以防止屏蔽
- Javascript實現(xiàn)關(guān)閉廣告效果
相關(guān)文章
List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06
這篇文章主要介紹了微信小程序開發(fā)實戰(zhàn)教程之手勢解鎖的相關(guān)資料,本文分步驟給大家介紹的非常詳細(xì)，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼
javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼,不過由于ie7的特殊性，設(shè)為首頁不能使用，不過其它基于ie內(nèi)核的瀏覽器都是支持的。2011-01-01
new大家肯定都不陌生，單身沒有對象的時候就new一個，很方便。那么它在創(chuàng)建實例的時候，具體做了哪些操作呢？今天我們就來一起分析一下。2021-04-04
如何實現(xiàn)script不刷新頁面的聯(lián)動，在本文有個不錯的示例或許對大家有所幫助2013-09-09
Layui實現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時恢復(fù)原圖的方法
今天小編就為大家分享一篇Layui實現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時恢復(fù)原圖的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)簡單的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法
這篇文章主要介紹了JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法,文章通過代碼示例給大家講解的非常詳細(xì),?對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-06-06
數(shù)組的 sort 方法默認(rèn)字符的編碼排序，有時候要給一組漢字排序，默認(rèn)的方法就不適用了。2008-06-06
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)客服消息自動回復(fù)圖片消息，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01