编程 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 相关文章推荐

jQuery库与其他JS库冲突的解决办法

Feb 07 Javascript

JavaScript数组常用方法

Mar 02 Javascript

js事件驱动机制浏览器兼容处理方法

Jul 23 Javascript

JS对HTML表格进行增删改操作

Aug 22 Javascript

js实现hashtable的赋值、取值、遍历操作实例详解

Dec 25 Javascript

js实现贪吃蛇小游戏（容易理解）

Jan 22 Javascript

js遍历获取表格内数据的方法(必看)

Apr 06 Javascript

vue.js实现刷新当前页面的方法教程

Jul 05 Javascript

async/await地狱该如何避免详解

May 10 Javascript

vuejs实现ready函数加载完之后执行某个函数的方法

Aug 31 Javascript

fetch 如何实现请求数据

Dec 20 Javascript

js滚轮事件 js自定义滚动条的实现

Jan 18 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

php5.2时间相差8小时

2007/01/15 PHP

PHP注释实例技巧

2008/10/03 PHP

php根据身份证号码计算年龄的实例代码

2014/01/18 PHP

php二分查找二种实现示例

2014/03/12 PHP

安装docker和docker-compose实例详解

2019/07/30 PHP

Laravel 前端资源配置教程

2019/10/18 PHP

JS类库Bindows1.3中的内存释放方式分析

2007/03/08 Javascript

WEB 浏览器兼容推荐收藏

2010/05/14 Javascript

从零开始学习jQuery (六) jquery中的AJAX使用

2011/02/23 Javascript

javascript实现的DES加密示例

2013/10/30 Javascript

js类定义函数时用prototype与不用的区别示例介绍

2014/06/10 Javascript

Node.js和MongoDB实现简单日志分析系统

2015/04/25 Javascript

jquery滚动特效集锦

2015/06/03 Javascript

vue的Virtual Dom实现snabbdom解密

2017/05/03 Javascript

javascript+html5+css3自定义提示窗口

2017/06/21 Javascript

详解升级react-router 4 踩坑指南

2017/08/14 Javascript

vue将毫秒数转化为正常日期格式的实例

2018/09/16 Javascript

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

2019/05/17 Javascript

vue实现简单的日历效果

2020/09/24 Javascript

5分钟教你用nodeJS手写一个mock数据服务器的方法

2019/09/10 NodeJs

vue-quill-editor的使用及个性化定制操作

2020/08/04 Javascript

python用装饰器自动注册Tornado路由详解

2017/02/14 Python

django使用图片延时加载引起后台404错误

2017/04/18 Python

Python批量更改文件名的实现方法

2017/10/29 Python

numpy判断数值类型、过滤出数值型数据的方法

2018/06/09 Python

Django 实现图片上传和显示过程详解

2019/07/18 Python

python绘制无向图度分布曲线示例

2019/11/22 Python

匡威比利时官网：Converse Belgium

2017/04/13 全球购物

澳大利亚宠物食品和药物在线：Jumbo Pets

2018/03/24 全球购物

大学系主任推荐信范文

2013/12/24 职场文书

计算机求职信

2014/07/02 职场文书

放射科岗位职责

2015/02/14 职场文书

公司员工培训管理制度

2015/08/04 职场文书

幼儿园老师新年寄语

2015/08/17 职场文书

2016年基层党支部书记公开承诺书

2016/03/25 职场文书

CSS中理解层叠性及权重如何分配

2022/12/24 HTML / CSS