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 相关文章推荐
javascript实现仿银行密码输入框效果的代码
Dec 13 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 Javascript
js实现九宫格布局效果
May 28 Javascript
swiperjs实现导航与tab页的联动
Dec 13 Javascript
vue编写简单的购物车功能
Jan 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支持页面回退的两种方法[转]
2007/02/14 PHP
PHP6 先修班 JSON实例代码
2008/08/23 PHP
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
PHPThumb图片处理实例
2014/05/03 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
JS常用函数使用指南
2014/11/23 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
使用Python实现牛顿法求极值
2020/02/10 Python
Django admin组件的使用
2020/10/24 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
python requests库的使用
2021/01/06 Python
会计毕业生求职简历的自我评价
2013/10/20 职场文书
食品安全检查制度
2014/02/03 职场文书
大学自我评价
2014/02/12 职场文书
自强之星事迹材料
2014/05/12 职场文书
流动人口婚育证明
2014/10/19 职场文书
工伤私了协议书范本
2014/11/24 职场文书
网络营销实训总结
2015/08/03 职场文书
公司安全管理制度范本
2015/08/05 职场文书
消防安全培训工作总结
2015/10/23 职场文书