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 文件引入实现代码
Apr 23 Javascript
js word表格动态添加代码
Jun 07 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
Jun 18 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
JS对象和字符串之间互换操作实例分析
Feb 02 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
vue使用echarts实现水平柱形图实例
Sep 09 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
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
NodeJs模拟登陆正方教务
2017/04/28 NodeJs
基于Vue实现拖拽功能
2020/07/29 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
CSS3 please 跨浏览器的CSS3产生器
2010/03/14 HTML / CSS
英国网上超市:Ocado
2020/03/05 全球购物
JAVA代码查错题
2014/10/10 面试题
质检部部长职责
2013/12/16 职场文书
科技开发中心办公室主任岗位责任制
2014/02/10 职场文书
捐款活动总结
2014/08/27 职场文书
大学生助学金感谢信
2015/01/21 职场文书
入党积极分子个人总结
2015/03/02 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏