编程 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 编写规范

Mar 03 Javascript

javascript实例分享---具有立体效果的图片特效

Jun 08 Javascript

JavaScript改变CSS样式的方法汇总

May 07 Javascript

jQuery实现区域打印功能代码详解

Jun 17 Javascript

AngularJS封装$http.post()实例详解

May 06 Javascript

使用Vue完成一个简单的todolist的方法

Dec 01 Javascript

浏览器调试动态js脚本的方法(图解)

Jan 19 Javascript

详解使用angular框架离线你的应用（pwa指南）

Jan 31 Javascript

vue实现的微信机器人聊天功能案例【附源码下载】

Feb 18 Javascript

javascript History对象原理解析

Feb 17 Javascript

JS面试题中深拷贝的实现讲解

May 07 Javascript

vue实现员工信息录入功能

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

如何实现给定日期的若干天以后的日期

2006/10/09 PHP

PHP保留两位小数并且四舍五入及不四舍五入的方法

2013/09/22 PHP

如何实现php图片等比例缩放

2015/07/28 PHP

thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】

2017/03/25 PHP

php实现与python进行socket通信的方法示例

2017/08/30 PHP

PHP调用全国天气预报数据接口查询天气示例

2019/02/20 PHP

Apache站点配置SSL强制跳转443

2021/03/09 Servers

js word表格动态添加代码

2010/06/07 Javascript

JS动态修改表格cellPadding和cellSpacing的方法

2015/03/31 Javascript

JS获取复选框的值,并传递到后台的实现方法

2016/05/30 Javascript

jquery插件方式实现table查询功能的简单实例

2016/06/06 Javascript

详解用vue编写弹出框组件

2017/07/04 Javascript

webpack4的迁移的使用方法

2018/05/25 Javascript

Vue实现todolist删除功能

2018/06/26 Javascript

vue项目中引入vue-datepicker插件的详解

2019/05/14 Javascript

使用layui前端框架弹出form表单以及提交的示例

2019/10/25 Javascript

vue 项目打包时样式及背景图片路径找不到的解决方式

2019/11/12 Javascript

原生JS实现京东查看商品点击放大

2020/12/21 Javascript

微信小程序input抖动问题的修复方法

2021/03/03 Javascript

python绘图库Matplotlib的安装

2014/07/03 Python

django 创建过滤器的实例详解

2017/08/14 Python

Scrapy使用的基本流程与实例讲解

2018/10/21 Python

解决pycharm下os.system执行命令返回有中文乱码的问题

2019/07/07 Python

Python 脚本拉取 Docker 镜像问题

2019/11/10 Python

深入理解Python 多线程

2020/06/16 Python

HTML5各种头部meta标签的功能(推荐)

2017/03/13 HTML / CSS

Sandro法国官网：法国成衣品牌

2019/08/28 全球购物

领导接待方案

2014/03/13 职场文书

迎国庆横幅标语

2014/10/08 职场文书

父母教会我观后感

2015/06/17 职场文书

2016企业先进集体事迹材料

2016/02/25 职场文书

mysql 获取时间方式

2022/03/20 MySQL

Python中 range | np.arange | np.linspace三者的区别

2022/03/22 Python

python lambda 表达式形式分析

2022/04/03 Python

配置nginx负载均衡

2022/05/06 Servers

HTML5中的DOCUMENT.VISIBILITYSTATE属性详解

2023/05/07 HTML / CSS