脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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实现获取数组中最大值或最小值功能,结合实例形式总结分析了javascript获取数组最大值与最小值的三种常见操作技巧,需要的朋友可以参考下
    2019-03-03
  • javascript在IE下trim函数无法使用的解决方法

    javascript在IE下trim函数无法使用的解决方法

    这篇文章主要介绍了javascript在IE下trim函数无法使用的解决方法,分别叙述了javascript以及jQuery下的解决方案,对于WEB前端javascript设计人员进行浏览器兼容性调试有不错的借鉴价值,需要的朋友可以参考下
    2014-09-09
  • javascript实现滚轮轮播图片

    javascript实现滚轮轮播图片

    这篇文章主要为大家详细介绍了javascript实现滚轮轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 第五篇Bootstrap 排版

    第五篇Bootstrap 排版

    使用bootstrap的排版特性可以创建标题，段落，列表及其它内联元素。本文重点给大家介绍Bootstrap 排版 知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-06-06
  • JavaScript中点击事件的写法

    JavaScript中点击事件的写法

    这篇文章主要介绍了JavaScript中点击事件的写法的相关资料,其中还给大家分享js触发按钮点击功能的实现，本文介绍的非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • JS中图片缓冲loading技术的实例代码

    JS中图片缓冲loading技术的实例代码

    这篇文章介绍了JS中图片缓冲loading技术的实例代码，有需要的朋友可以参考一下
    2013-08-08
  • Javascript 实现广告后加载 可加载百度谷歌联盟广告

    Javascript 实现广告后加载 可加载百度谷歌联盟广告

    本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。
    2016-05-05
  • 前端JS面试中常见的算法问题总结

    前端JS面试中常见的算法问题总结

    虽然说在前端很少有机会接触到算法，大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。下面这篇文章就给大家总结了在前端JS面试中常见的算法问题，有需要的朋友们可以参考借鉴，下面来一起看看吧。
    2016-12-12
  • JavaScript之underscore_动力节点Java学院整理

    JavaScript之underscore_动力节点Java学院整理

    JavaScript是函数式编程语言，支持高阶函数和闭包。函数式编程非常强大，可以写出非常简洁的代码。下面通过实例讲解JavaScript之underscore的相关知识，一起看看吧
    2017-07-07
  • 微信小程序实战之仿android fragment可滑动底部导航栏（4）

    微信小程序实战之仿android fragment可滑动底部导航栏（4）

    这篇文章主要为大家详细介绍了微信小程序实战之仿android fragment可滑动的底部导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论