脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js网站最上边可关闭的浮动广告条

js实现网站最上边可关闭的浮动广告条代码

 更新时间：2015年09月04日 10:21:29   作者：企鹅  
这篇文章主要介绍了js实现网站最上边可关闭的浮动广告条代码,涉及javascript基于鼠标事件操作页面元素样式的实现技巧,需要的朋友可以参考下

本文实例讲述了js实现网站最上边可关闭的浮动广告条。分享给大家供大家参考。具体如下：

这是一款广告条代码,平时浮动在网站最上边,可关闭,设计唯美简洁,带关闭按钮,自适应网页宽度,色调明了,相信有不少朋友会喜欢的.

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/

具体代码如下：

<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://www.jb51.net/">脚本之家</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的实例代码

    使用JavaScript实现ajax的实例代码

    实现ajax之前必须要创建一个 XMLHttpRequest 对象。这是必须的。那么对使用js实现ajax的代码感兴趣的朋友可以参考下本文
    2016-05-05
  • JS中操作JSON总结

    JS中操作JSON总结

    本篇文章主要是对JS操作JSON进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02
  • JavaScript中作用域链的概念及用途讲解

    JavaScript中作用域链的概念及用途讲解

    这篇文章主要介绍了JavaScript中作用域链的概念及用途讲解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 原生javascript获取元素样式

    原生javascript获取元素样式

    这篇文章主要介绍了原生javascript获取元素样式的方法,需要的朋友可以参考下
    2014-12-12
  • 详解如何使用babel进行es6文件的编译

    详解如何使用babel进行es6文件的编译

    这篇文章主要介绍了详解如何使用babel进行es6文件的编译，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • javascript 定时器工作原理分析

    javascript 定时器工作原理分析

    说到 javascript 中的定时器，我们肯定会想到 setTimeout() 和 setInterval() 这两个函数。本文将从 事件循环（Event Loop） 的角度来分析两者的工作原理和区别
    2016-12-12
  • JS注释所产生的bug 即使注释也会执行

    JS注释所产生的bug 即使注释也会执行

    写js时出现个bug一直提示我JAVA类中的一个属性没有，可是明明注释掉了，后来才知道，JS里即使注释也会执行
    2013-11-11
  • ES6解构赋值(数组,对象,函数)使用详解

    ES6解构赋值(数组,对象,函数)使用详解

    这篇文章主要介绍了ES6解构赋值(数组,对象,函数)使用详解,JavaScript 中最常用的两种数据结构是 Object 和 Array，解构操作对那些具有很多参数和默认值等的函数也很奏效，本文通过实例代码详细讲解需要的朋友可以参考下
    2022-11-11
  • Layui 带多选框表格监听事件以及按钮自动点击写法实例

    Layui 带多选框表格监听事件以及按钮自动点击写法实例

    今天小编就为大家分享一篇Layui 带多选框表格监听事件以及按钮自动点击写法实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS中常见编码及加密方式解析

    JS中常见编码及加密方式解析

    这篇文章主要为大家介绍了JS中常见编码及加密方式解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪
    2022-04-04

最新评论