signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/3 17:42:19   来源:

复制代码 代码如下:

<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>

您可能感兴趣的文章:
  • js浮动图片的动态效果
  • js 图片随机不定向浮动的实现代码
  • 基于javascript实现右下角浮动广告效果
  • js 右侧浮动层效果实现代码(跟随滚动)
  • javascript中字体浮动效果的简单实例演示
  • JavaScript实现上下浮动的窗口效果代码
  • js实现浮动在网页右侧的简洁QQ在线客服代码
  • JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
  • JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
  • js实现的简单图片浮动效果完整实例