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监听浏览器的问题
Jun 23 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
Vue.js实现的购物车功能详解
Jan 27 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
使用Firebug对js进行断点调试的图文方法
2011/04/02 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
详细介绍RxJS在Angular中的应用
2017/09/23 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
JavaScript HTML DOM元素 节点操作汇总
2019/07/29 Javascript
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
通过C++学习Python
2015/01/20 Python
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
Python实现分割文件及合并文件的方法
2015/07/10 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Python线性回归实战分析
2018/02/01 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
学校司机岗位职责
2013/11/14 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
现货白银电话营销话术
2015/05/29 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
调解协议书范本
2016/03/21 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
Pytorch可视化的几种实现方法
2021/06/10 Python