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 相关文章推荐
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
Puppet的一些技巧
Sep 17 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
基于PHP文件操作的详解
2013/06/05 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
phpstorm激活码2020附使用详细教程
2020/09/25 PHP
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
DataFrame中去除指定列为空的行方法
2018/04/08 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
教师个人鉴定材料
2014/02/08 职场文书
英语国培研修感言
2014/02/13 职场文书
超市开学活动方案
2014/03/01 职场文书
公司活动方案范文
2014/03/06 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
创先争优承诺书
2015/01/20 职场文书
兵马俑导游词
2015/02/02 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书