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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
js或css文件后面跟参数的原因说明
Jan 09 Javascript
防止文件缓存的js代码
Jan 10 Javascript
window.requestAnimationFrame是什么意思,怎么用
Jan 13 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
jQuery实现的网页竖向菜单效果代码
Aug 26 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
angular中实现控制器之间传递参数的方式
Apr 24 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
vue router-link 默认a标签去除下划线的实现
Nov 06 Javascript
vue中activated的用法
Jan 03 Vue.js
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 Cookie的使用教程详解
2013/06/03 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
2010/01/17 Javascript
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
JS中的作用域链
2017/03/01 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
js原生Ajax的封装和原理详解
2017/03/11 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
Python 基础之字符串string详解及实例
2017/04/01 Python
matplotlib绘制动画代码示例
2018/01/02 Python
EM算法的python实现的方法步骤
2018/01/02 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
拓展培训心得体会
2014/01/04 职场文书
施工材料员岗位职责
2014/02/12 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
《春笋》教学反思
2014/04/15 职场文书
财务人员个人工作总结
2015/02/27 职场文书
地雷战观后感
2015/06/09 职场文书
宿舍卫生管理制度
2015/08/05 职场文书
公司管理建议书
2015/09/14 职场文书
2016年小学感恩节活动总结
2016/04/01 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers