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 prototype属性使用说明
May 13 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
javascript 仿QQ滑动菜单效果代码
Sep 03 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
动态加载js、css的实例代码
May 26 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
May 11 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 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中的float类型使用说明
2010/07/27 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
layer弹窗插件操作方法详解
2017/05/19 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python对象类型及其运算方法(详解)
2017/07/05 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
python3+selenium获取页面加载的所有静态资源文件链接操作
2020/05/04 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
APM Monaco中国官网:来自摩纳哥珠宝品牌
2017/12/27 全球购物
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
给排水工程师岗位职责
2013/11/21 职场文书
演讲比赛获奖感言
2014/02/02 职场文书
开会迟到检讨书
2014/02/03 职场文书
房产协议书范本2014
2014/09/30 职场文书
投标邀请书范本
2015/02/02 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
行政二审代理词
2015/05/25 职场文书
深入探讨opencv图像矫正算法实战
2021/05/21 Python
SpringBoot连接MySQL获取数据写后端接口的操作方法
2021/11/02 MySQL
MySQL中order by的使用详情
2021/11/17 MySQL
Pandas 数据编码的十种方法
2022/04/20 Python