javascript实现div浮动在网页最顶上并带关闭按钮效果实例

 更新时间:2013年08月13日 16:21:05   作者:  
我们有时会看到有些网站最顶部一直会跟着我们滚动而滚动了,这种方法其实很简单,下面我来给大推荐一个javascript实现div浮动在网页最顶上并带关闭按钮效果

复制代码 代码如下:

<html>
<head>
<title>javascript实现div浮动在网页最顶上并带关闭按钮效果实例</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">悬浮在网页顶部可关闭的工具条(浮动层),点击可以关闭哦</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>

相关文章

  • 如何让微信小程序页面之间的通信不再变困难

    如何让微信小程序页面之间的通信不再变困难

    这篇文章主要给大家介绍了关于如何让微信小程序页面之间的通信不再变困难的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • Vant+postcss-pxtorem 实现浏览器适配功能

    Vant+postcss-pxtorem 实现浏览器适配功能

    这篇文章主要介绍了Vant+postcss-pxtorem 实现浏览器适配,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • js实现水平滚动菜单导航

    js实现水平滚动菜单导航

    这篇文章主要为大家详细介绍了js实现水平滚动菜单导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript实现控制打开文件另存为对话框的方法

    JavaScript实现控制打开文件另存为对话框的方法

    这篇文章主要介绍了JavaScript实现控制打开文件另存为对话框的方法,实例分析了javascript实现文件另存为的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现拖拽效果

    JavaScript实现拖拽效果

    这篇文章主要为大家详细介绍了JavaScript实现拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 详解ajax、fetch、axios的区别

    详解ajax、fetch、axios的区别

    本文主要介绍了详解ajax、fetch、axios的区别,众所周知它们都用来发送请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • 详解ES6 中的迭代器和生成器

    详解ES6 中的迭代器和生成器

    迭代器是一个统一的接口,它的作用是使各种数据结构可以被便捷的访问,它是通过一个键为Symbol.iterator的方法来实现,这篇文章主要介绍了ES6 中的迭代器和生成器,需要的朋友可以参考下
    2022-08-08
  • javascript下过滤数组重复值的代码

    javascript下过滤数组重复值的代码

    javascript下过滤数组重复值的代码...
    2007-09-09
  • JS超出精度数字问题的解决方法

    JS超出精度数字问题的解决方法

    一般参数值不能超过16位,如果超出16都是用0替代,导致我们查询不到自己想要的结果,这篇文章主要给大家介绍了关于JS超出精度数字问题的解决方法,需要的朋友可以参考下
    2021-07-07

最新评论