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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
JS实现的新闻列表自动滚动效果示例
Jan 30 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
vue循环数组改变点击文字的颜色
Oct 14 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 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/10/09 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
自制PHP框架之路由与控制器
2017/05/07 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
禁止你的左键复制实用技巧
2013/01/04 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
jQuery实现简单评论区功能
2020/10/26 jQuery
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
遗传算法之Python实现代码
2017/10/10 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
年度献血先进个人事迹材料
2014/02/14 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
关于幸福的感言
2015/08/03 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis