编程 Javascript

jQuery实现页面顶部下拉广告

Posted in Javascript onDecember 30, 2016

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

效果展示 http://demo.3water.com/js/2016/jQuery_xiala/

源码下载：http://xiazai.3water.com/201612/yuanma/jQuery(xiala)_3water.rar

效果图如下：

jQuery实现页面顶部下拉广告

代码如下：

<!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>

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

jQuery实现页面顶部下拉广告

- Author -

roucheng

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS获得浏览器版本和操作系统版本的例子

May 13 Javascript

jQuery 写的简单打字游戏可以提示正确和错误的次数

Jul 01 Javascript

基于JavaScript实现生成名片、链接等二维码

Sep 20 Javascript

JavaScript实战(原生range和自定义特效)简单实例

Aug 21 Javascript

基于Node.js + WebSocket打造即时聊天程序嗨聊

Nov 29 Javascript

实例解析jQuery中如何取消后续执行内容

Dec 01 Javascript

JavaScript和jQuery制作光棒效果

Feb 24 Javascript

VUE2.0+Element-UI+Echarts封装的组件实例

Mar 02 Javascript

node上的redis调用优化示例详解

Oct 30 Javascript

详解vue2.0 资源文件assets和static的区别

Nov 27 Javascript

小程序云开发之用户注册登录

May 18 Javascript

Javascript原生ajax请求代码实例

Feb 20 Javascript

jQuery Password Validation密码验证

Dec 30 #Javascript

JS编写函数实现对身份证号码最后一位的验证功能

Dec 29 #Javascript

EasyUI学习之Combobox下拉列表(1)

Dec 29 #Javascript

JSON中key动态设置及JSON.parse和JSON.stringify()的区别

Dec 29 #Javascript

jQuery+HTML5实现弹出创意搜索框层

Dec 29 #Javascript

Bootstrap3 内联单选和多选框

Dec 29 #Javascript

Bootstrap3 多选和单选框(checkbox)

Dec 29 #Javascript

You might like

浅谈Windows下 PHP4.0与oracle 8的连接设置

2006/10/09 PHP

在PHP中使用curl_init函数的说明

2010/11/02 PHP

浅谈web上存漏洞及原理分析、防范方法（安全文件上存方法）

2013/06/29 PHP

php安装swoole扩展的方法

2015/03/19 PHP

php file_get_contents取文件中数组元素的方法

2017/04/01 PHP

PHP自定义函数实现数组比较功能示例

2017/10/19 PHP

Laravel框架集成UEditor编辑器的方法图文与实例详解

2019/04/17 PHP

IE中createElement需要注意的一个问题

2010/07/13 Javascript

关于JS字符串函数String.replace()

2013/04/07 Javascript

JavaScript获取页面中第一个锚定文本的方法

2015/04/03 Javascript

jQuery窗口拖动功能的实现代码

2017/02/04 Javascript

Angular 4.x 动态创建表单实例

2017/04/25 Javascript

JS请求servlet功能示例

2017/06/01 Javascript

vue.js中过滤器的使用教程

2017/06/08 Javascript

vue配置文件实现代理v2版本的方法

2019/06/21 Javascript

layui复选框的全选与取消实现方法

2019/09/02 Javascript

Openlayers学习之加载鹰眼控件

2020/09/28 Javascript

VUE实现吸底按钮

2021/03/04 Vue.js

[01:11]steam端dota2实名认证操作流程视频

2021/03/11 DOTA

Python程序设计入门(3)数组的使用

2014/06/16 Python

在Django框架中伪造捕捉到的URLconf值的方法

2015/07/18 Python

Python中死锁的形成示例及死锁情况的防止

2016/06/14 Python

Python类的继承、多态及获取对象信息操作详解

2019/02/28 Python

解决使用Pandas 读取超过65536行的Excel文件问题

2020/11/10 Python

python 基于pygame实现俄罗斯方块

2021/03/02 Python

css3的transition效果和transfor效果示例介绍

2013/10/30 HTML / CSS

html5简介_动力节点Java学院整理

2017/07/07 HTML / CSS

伦敦一家西班牙童装精品店：La Coqueta

2018/02/02 全球购物

巴西宠物商店：Cobasi

2019/04/19 全球购物

英国Lookfantastic中文网站：护肤品美妆美发购物（英国直邮）

2020/04/27 全球购物

年度考核自我评价

2014/01/25 职场文书

大学班级干部的自我评价分享

2014/02/10 职场文书

公务员更新知识培训实施方案

2014/03/31 职场文书

陪护人员误工证明

2015/06/24 职场文书

创业计划书之o2o水果店

2019/08/30 职场文书

基于Python实现nc批量转tif格式

2022/08/14 Python