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脚本调试方法小结
Nov 24 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
js清理Word格式示例代码
Feb 13 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
node.js中 stream使用教程
Aug 28 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
jQuery实现推拉门效果
Oct 19 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
第十一节--重载
2006/11/16 PHP
php UTF-8、Unicode和BOM问题
2010/05/18 PHP
PHP 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
PHP里的中文变量说明
2011/07/23 PHP
利用Fix Rss Feeds插件修复WordPress的Feed显示错误
2015/12/19 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
PHP入门教程之字符串处理技巧总结(转换,过滤,解析,查找,截取,替换等)
2016/09/11 PHP
php批量删除操作代码分享
2017/02/26 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
range 标准化之获取
2011/08/28 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
vue如何截取字符串
2019/05/06 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
电气工程和自动化自荐信范文
2013/12/25 职场文书
农业资源与环境专业自荐信范文
2013/12/30 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
医科大学毕业生自荐信
2014/02/03 职场文书
教师一岗双责责任书
2014/04/16 职场文书
小学教师师德整改措施
2014/09/29 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏