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


Posted in Javascript onAugust 13, 2013
<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>
Javascript 相关文章推荐
Fixie.js 自动填充内容的插件
Jun 28 Javascript
jQuery学习笔记 更改jQuery对象
Sep 19 Javascript
js confirm()方法的使用方法实例
Jul 13 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
vue使用drag与drop实现拖拽的示例代码
Sep 07 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
鼠标经过显示二级菜单js特效
Aug 13 #Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 #Javascript
jquery固定底网站底部菜单效果
Aug 13 #Javascript
js 三级关联菜单效果实例
Aug 13 #Javascript
js 单击式的下拉菜单效果实例
Aug 13 #Javascript
让元素在网页中可拖动示例代码
Aug 13 #Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 #Javascript
You might like
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
php字符串过滤与替换小结
2015/01/26 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
jquery 中的each()跳出循环的语句
2014/05/23 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
jQuery仿天猫实现超炫的加入购物车
2015/05/04 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
js实现选中复选框文字变色的方法
2015/08/14 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
小程序实现锚点滑动效果
2019/09/23 Javascript
原生js实现购物车功能
2020/09/23 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers