javascript實(shí)現(xiàn)div浮動在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果實(shí)例
更新時(shí)間：2013年08月13日 16:21:05 作者：
我們有時(shí)會看到有些網(wǎng)站最頂部一直會跟著我們滾動而滾動了，這種方法其實(shí)很簡單，下面我來給大推薦一個(gè)javascript實(shí)現(xiàn)div浮動在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果
復(fù)制代碼 代碼如下:
<html>
<head>
<title>javascript實(shí)現(xiàn)div浮動在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果實(shí)例</title>
<style type="text/css">
<!--
body { margin: 0px;padding: 0px;text-align: center;}
TD {FONT-SIZE: 12px; COLOR: #333;}
#toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;}
-->
</style>
</head>
<body>
<SCRIPT>
function toueme(){
document.getElementById("toubiao").style.display="none";
}
</SCRIPT>
<DIV id=toubiao>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="82%"><a target="_blank" href="/">
<span style="text-decoration: none"><font color="#808080">懸浮在網(wǎng)頁頂部可關(guān)閉的工具條（浮動層），點(diǎn)擊可以關(guān)閉哦</font></span></a></td>
<td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()>
<img src="../img/close3.gif" hspace="6" border=0></a></td>
</tr>
</table>
</DIV>
</body>
</html>
</td>
</tr>
</table>
您可能感興趣的文章:
- js浮動圖片的動態(tài)效果
- js 圖片隨機(jī)不定向浮動的實(shí)現(xiàn)代碼
- 基于javascript實(shí)現(xiàn)右下角浮動廣告效果
- js 右側(cè)浮動層效果實(shí)現(xiàn)代碼(跟隨滾動)
- javascript中字體浮動效果的簡單實(shí)例演示
- JavaScript實(shí)現(xiàn)上下浮動的窗口效果代碼
- js實(shí)現(xiàn)浮動在網(wǎng)頁右側(cè)的簡潔QQ在線客服代碼
- JS實(shí)現(xiàn)彈出浮動窗口(支持鼠標(biāo)拖動和關(guān)閉)實(shí)例詳解
- JS實(shí)現(xiàn)可縮放、拖動、關(guān)閉和最小化的浮動窗口完整實(shí)例
- js實(shí)現(xiàn)的簡單圖片浮動效果完整實(shí)例
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于如何讓微信小程序頁面之間的通信不再變困難的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
Vant+postcss-pxtorem 實(shí)現(xiàn)瀏覽器適配功能
這篇文章主要介紹了Vant+postcss-pxtorem 實(shí)現(xiàn)瀏覽器適配,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)水平滾動菜單導(dǎo)航，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript實(shí)現(xiàn)控制打開文件另存為對話框的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)控制打開文件另存為對話框的方法,實(shí)例分析了javascript實(shí)現(xiàn)文件另存為的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
本文主要介紹了詳解ajax、fetch、axios的區(qū)別，眾所周知它們都用來發(fā)送請求，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
各種常用瀏覽器getBoundingClientRect的解析
getBoundingClientRect2009-05-05
迭代器是一個(gè)統(tǒng)一的接口，它的作用是使各種數(shù)據(jù)結(jié)構(gòu)可以被便捷的訪問，它是通過一個(gè)鍵為Symbol.iterator的方法來實(shí)現(xiàn)，這篇文章主要介紹了ES6?中的迭代器和生成器,需要的朋友可以參考下2022-08-08
javascript下過濾數(shù)組重復(fù)值的代碼
javascript下過濾數(shù)組重復(fù)值的代碼...2007-09-09
一般參數(shù)值不能超過16位,如果超出16都是用0替代,導(dǎo)致我們查詢不到自己想要的結(jié)果,這篇文章主要給大家介紹了關(guān)于JS超出精度數(shù)字問題的解決方法,需要的朋友可以參考下2021-07-07