脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → jQuery 顶部下拉 广告

jQuery实现页面顶部下拉广告

 更新时间：2016年12月30日 08:35:50   作者：roucheng  
本文主要分享了jQuery实现页面顶部下拉广告的具体代码。具有一定的参考价值，下面跟着小编一起来看下吧

本广告可以是图片也可以是Flash，可以设置自动播放的时间，可以手动停止和重播。

效果展示 http://demo.jb51.net/js/2016/jQuery_xiala/

源码下载：http://xiazai.jb51.net/201612/yuanma/jQuery(xiala)_jb51.rar

效果图如下：

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery可关闭及重复播放泰山压顶广告 - 何问起</title><base target="_blank" />
<LINK rel=stylesheet type=text/css href="http://hovertree.com/texiao/jquery/80/css/hovertree.css">
</head>
<body style="text-align:center">
<br><br>
<!--广告开始-->
<DIV class="gg_full wrapfix">
<DIV class=gg_fbtn><A style="DISPLAY: none" class=gg_freplay title=重播 
href="javascript:;" target="_self"></A><A class=gg_fclose title=关闭 
href="javascript:;" target="_self"></A></DIV>
<DIV class=gg_fcon></DIV></DIV>
<SCRIPT type=text/javascript src="http://down.hovertree.com/jquery/jquery-1.4.2.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://hovertree.com/texiao/jquery/80/js/hovertree.js"></SCRIPT>
<!--广告结束-->
<br>
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://hovertree.com/" target="_blank">何问起</a>
 <a href="http://hovertree.com/menu/texiao/">网页特效</a>
<a href="http://hovertree.com/h/bjaf/2lkrc3r2.htm">代码说明</a></p>
<p></p>
</body>
</html>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • JS函数节流和防抖之间的区分和实现详解

    JS函数节流和防抖之间的区分和实现详解

    本文主要介绍的是关于JS中比较常用的函数：节流函数和防抖函数，从概念、使用场景到代码简单实现做了一个详细的区分。感兴趣的小伙伴们可以参考一下
    2019-01-01
  • 微信小程序教程系列之视图层的条件渲染（10）

    微信小程序教程系列之视图层的条件渲染（10）

    这篇文章主要为大家详细介绍了微信小程序教程系列之视图层的条件渲染，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • js中forEach的用法之forEach与for之间的区别

    js中forEach的用法之forEach与for之间的区别

    这篇文章主要介绍了js中forEach的用法之forEach与for之间的区别，forEach() 调用数组的每个元素，并将元素传递给回调函数，下面更多详细介绍需要的小伙伴可以参考一下

    2022-03-03
  • JS控制HTML元素的显示和隐藏的两种方法

    JS控制HTML元素的显示和隐藏的两种方法

    本文给大家分享两种方法来控制html元素的显示和隐藏，分别利用html的style中两个属性，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
    2016-09-09
  • 解决ie img标签内存泄漏的问题

    解决ie img标签内存泄漏的问题

    下面小编就为大家带来一篇解决ie img标签内存泄漏的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Layui 解决表格异步调用后台分页的问题

    Layui 解决表格异步调用后台分页的问题

    今天小编就为大家分享一篇Layui 解决表格异步调用后台分页的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • javascript对象的相关操作小结

    javascript对象的相关操作小结

    下面小编就为大家带来一篇javascript对象的相关操作小结。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 微信小程序自定义模态框

    微信小程序自定义模态框

    这篇文章主要为大家详细介绍了微信小程序自定义模态框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 多种方法实现JS动态添加事件

    多种方法实现JS动态添加事件

    JS动态添加事件的方法有很多，我们可以使用setAttribute、attachEvent 和 addEventListener等等，感兴趣的朋友可以参考下
    2013-11-11
  • uniapp实现tabs切换(可滑动)效果实例

    uniapp实现tabs切换(可滑动)效果实例

    这篇文章主要给大家介绍了关于uniapp实现tabs切换(可滑动)效果的相关资料,tabs切换无论是在app端还是小程序或者H5页面都是很常见的功能,文中通过实例代码介绍的很详细,需要的朋友可以参考下
    2023-07-07

最新评论