js实现网站最上边可关闭的浮动广告条代码


Posted in Javascript onSeptember 04, 2015

本文实例讲述了js实现网站最上边可关闭的浮动广告条。分享给大家供大家参考。具体如下:

这是一款广告条代码,平时浮动在网站最上边,可关闭,设计唯美简洁,带关闭按钮,自适应网页宽度,色调明了,相信有不少朋友会喜欢的.

运行效果截图如下:

js实现网站最上边可关闭的浮动广告条代码

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>网站页首可关闭广告条</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="https://3water.com/">三水点靠木</a>是国内专业的网站建设资源、脚本编程学习类网站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</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>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
求解开jscript.encode代码的asp函数
Feb 28 Javascript
IE不出现Flash激活框的小发现的js实现方法
Sep 07 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 #Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 #Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 #Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 #Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 #Javascript
js实现拉幕效果的广告代码
Sep 02 #Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 #Javascript
You might like
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
php显示页码分页类的封装
2017/06/08 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
JS 文件传参及处理技巧分析
2010/05/13 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
详解Vue中使用Axios拦截器
2019/04/22 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
Python处理CSV与List的转换方法
2018/04/19 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
Python unittest discover批量执行代码实例
2020/09/08 Python
暑假学习心得体会
2014/09/02 职场文书
2014年银行个人工作总结
2014/12/05 职场文书
世界文化遗产导游词
2015/02/13 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
全陪导游词开场白
2015/05/29 职场文书
厉行节约工作总结
2015/08/12 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python