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 相关文章推荐
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
Jquery 实现弹出层插件
Jan 28 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
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
人大复印资料处理程序_补充篇
2006/10/09 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Bootstrap禁用响应式布局的实现方法
2017/03/09 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Python每天必学之bytes字节
2016/01/28 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
Python 获取numpy.array索引值的实例
2019/12/06 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
新员工试用期自我鉴定
2014/04/17 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
2014年维修工作总结
2014/11/22 职场文书
单身申明具结书
2015/02/26 职场文书
中标通知书范本
2015/04/17 职场文书
七年级作文之雪景
2019/11/18 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis