快捷導(dǎo)航

js實(shí)現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動(dòng)廣告條代碼

更新時(shí)間：2015年09月04日 10:21:29 作者：企鵝

這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動(dòng)廣告條代碼,涉及javascript基于鼠標(biāo)事件操作頁(yè)面元素樣式的實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動(dòng)廣告條。分享給大家供大家參考。具體如下：

這是一款廣告條代碼,平時(shí)浮動(dòng)在網(wǎng)站最上邊,可關(guān)閉,設(shè)計(jì)唯美簡(jiǎn)潔,帶關(guān)閉按鈕,自適應(yīng)網(wǎng)頁(yè)寬度,色調(diào)明了,相信有不少朋友會(huì)喜歡的.

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/

具體代碼如下：

<html>
<head>
<title>網(wǎng)站頁(yè)首可關(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://m.fzitv.net/">腳本之家</a>是國(guó)內(nèi)專業(yè)的網(wǎng)站建設(shè)資源、腳本編程學(xué)習(xí)類網(wǎng)站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網(wǎng)頁(yè)制作、網(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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

List the Codec Files on a Computer
List the Codec Files on a Computer...
2007-06-06
微信小程序開發(fā)實(shí)戰(zhàn)教程之手勢(shì)解鎖
這篇文章主要介紹了微信小程序開發(fā)實(shí)戰(zhàn)教程之手勢(shì)解鎖的相關(guān)資料,本文分步驟給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
javascript 設(shè)為首頁(yè)與加入收藏兼容多瀏覽器代碼
javascript 設(shè)為首頁(yè)與加入收藏兼容多瀏覽器代碼,不過由于ie7的特殊性，設(shè)為首頁(yè)不能使用，不過其它基于ie內(nèi)核的瀏覽器都是支持的。
2011-01-01
如何自己實(shí)現(xiàn)JavaScript的new操作符
new大家肯定都不陌生，單身沒有對(duì)象的時(shí)候就new一個(gè)，很方便。那么它在創(chuàng)建實(shí)例的時(shí)候，具體做了哪些操作呢？今天我們就來(lái)一起分析一下。
2021-04-04
script不刷新頁(yè)面的聯(lián)動(dòng)前后代碼
如何實(shí)現(xiàn)script不刷新頁(yè)面的聯(lián)動(dòng)，在本文有個(gè)不錯(cuò)的示例或許對(duì)大家有所幫助
2013-09-09
Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時(shí)恢復(fù)原圖的方法
今天小編就為大家分享一篇Layui實(shí)現(xiàn)數(shù)據(jù)表格中鼠標(biāo)懸浮圖片放大效果,離開時(shí)恢復(fù)原圖的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
2019-09-09
js實(shí)現(xiàn)簡(jiǎn)單的拖拽效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法
這篇文章主要介紹了JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法,文章通過代碼示例給大家講解的非常詳細(xì),?對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2024-06-06
JavaScript 給漢字排序?qū)嵗a
數(shù)組的 sort 方法默認(rèn)字符的編碼排序，有時(shí)候要給一組漢字排序，默認(rèn)的方法就不適用了。
2008-06-06
微信小程序?qū)崿F(xiàn)自動(dòng)回復(fù)圖片消息
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)客服消息自動(dòng)回復(fù)圖片消息，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧
2023-01-01