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

解决遍历时Array.indexOf产生的性能问题

Jul 03 Javascript

js中如何复制一个对象并获取其所有属性和属性对应的值

Oct 24 Javascript

javascript面向对象之定义成员方法实例分析

Jan 13 Javascript

实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

May 13 Javascript

Ext JS框架中日期函数的用法及日期选择控件的实现

May 21 Javascript

判断js的Array和Object的实现方法

Aug 29 Javascript

jquery层次选择器的介绍

Jan 18 jQuery

微信小程序之几种常见的弹框提示信息实现详解

Jul 11 Javascript

element-ui中按需引入的实现

Dec 25 Javascript

mapboxgl区划标签避让不遮盖实现的代码详解

Jul 01 Javascript

jquery实现简易验证插件封装

Sep 13 jQuery

基于JavaScript实现省市联动效果

Jun 22 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

php简单获取目录列表的方法

2015/03/24 PHP

PHP处理Ajax请求与Ajax跨域问题

2017/02/13 PHP

laravel框架使用FormRequest进行表单验证，验证异常返回JSON操作示例

2020/02/18 PHP

JS 用6N±1法求素数实例教程

2009/10/20 Javascript

Javascript简单改变表单元素背景的方法

2015/07/15 Javascript

jQuery动态添加

2016/04/07 Javascript

浅谈几种常用的JS类定义方法

2016/06/08 Javascript

jQuery 限制输入字符串长度

2016/06/20 Javascript

jQuery查找节点方法完整实例

2016/09/13 Javascript

jQuery制作input提示内容（兼容IE8以上）

2017/07/05 jQuery

JavaScript变量类型以及变量作用域详解

2017/08/14 Javascript

微信小程序引用公共js里的方法的实例详解

2017/08/17 Javascript

基于Vue实现关键词实时搜索高亮显示关键词

2018/07/21 Javascript

Vue组件的使用及个人理解与介绍

2019/02/09 Javascript

vue+iview/elementUi实现城市多选

2019/03/28 Javascript

webpack4实现不同的导出类型

2019/04/09 Javascript

Python中optionParser模块的使用方法实例教程

2014/08/29 Python

python中查看变量内存地址的方法

2015/05/05 Python

一个基于flask的web应用诞生 flask和mysql相连（4）

2017/04/11 Python

Python3随机漫步生成数据并绘制

2018/08/27 Python

Python 给屏幕打印信息加上颜色的实现方法

2019/04/24 Python

python 自动轨迹绘制的实例代码

2019/07/05 Python

Python实现一个数组除以一个数的例子

2019/07/20 Python

python单例设计模式实现解析

2020/01/07 Python

Django多数据库配置及逆向生成model教程

2020/03/28 Python

python opencv实现简易画图板

2020/08/27 Python

python如何利用paramiko执行服务器命令

2020/11/07 Python

CSS3贝塞尔曲线示例：创建链接悬停动画效果

2020/11/19 HTML / CSS

HTML5使用Audio标签实现歌词同步的效果

2016/03/17 HTML / CSS

美国在线购买和出售礼品卡网站：EJ Gift Cards

2019/06/09 全球购物

澳大利亚在线高跟鞋商店：Shoe Me

2019/11/19 全球购物

美国最大的烧烤架和户外生活用品专业零售商：Barbeques Galore

2021/01/09 全球购物

早餐连锁店计划书

2014/01/08 职场文书

《小草和大树》教学反思

2014/02/16 职场文书

出纳试用期自我鉴定

2014/04/07 职场文书

MySQL 那些常见的错误设计规范,你都知道吗

2021/07/16 MySQL