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中__proto__与prototype的关系深入理解
Dec 04 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
Apr 04 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
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
2019十大人气国漫
2020/03/13 国漫
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
js实现点击选项置顶动画效果
2020/08/25 Javascript
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
详解Django rest_framework实现RESTful API
2018/05/24 Python
python实现括号匹配的思路详解
2018/08/23 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
python微信公众号开发简单流程实现
2020/03/09 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
html5清空画布方法(三种)
2017/10/16 HTML / CSS
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
八年级音乐教学反思
2014/01/09 职场文书
学校交通安全责任书
2014/08/25 职场文书
优秀团员事迹材料
2014/12/25 职场文书
停电调休通知
2015/04/16 职场文书
2015年化验室工作总结
2015/04/23 职场文书
刑事撤诉申请书
2015/05/18 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
七个Python必备的GUI库
2021/04/27 Python
以下牛机,你有几个
2022/04/05 无线电
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android