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 相关文章推荐
js 创建快捷方式的代码(fso)
Nov 19 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
Javascript基础教程之变量
Jan 18 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
解读Bootstrap v4 sass设计
May 29 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
js保留两位小数方法总结
Jan 31 Javascript
vue组件的写法汇总
Apr 12 Javascript
使用Vue 自定义文件选择器组件的实例代码
Mar 04 Javascript
vue 实现把路由单独分离出来
Aug 13 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多用户计数器代码
2007/03/11 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
PHP7新特性foreach 修改示例介绍
2016/08/26 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
javascript奇异的arguments分析
2010/10/20 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
2012/05/23 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
js继承实现方法详解
2016/12/16 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
python迭代器实例简析
2014/09/25 Python
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
韩国现代百货官网:Hmall
2018/03/21 全球购物
医学生毕业自我鉴定
2014/03/26 职场文书
老师对学生的寄语
2014/04/09 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
驳回起诉裁定书
2015/05/19 职场文书
企业法律事务工作总结
2015/08/11 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
该怎么书写道歉信?
2019/07/03 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang