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

JavaScript Chart 插件整理

Jun 18 Javascript

javascript setAttribute, getAttribute 在不同浏览器上的不同表现

Aug 05 Javascript

利用JQuery的load函数动态加载其它页面的内容的实现代码

Dec 14 Javascript

js加入收藏夹代码(兼容ie/ff/op)

May 16 Javascript

jQuery模拟物体自由落体运动(附演示与demo源码下载)

Jan 21 Javascript

Angular4 中常用的指令入门总结

Jun 12 Javascript

利用JavaScript如何查询某个值是否数组内

Jul 30 Javascript

Vue自定义过滤器格式化数字三位加一逗号实现代码

Mar 23 Javascript

laydate如何根据开始时间或者结束时间限制范围

Nov 15 Javascript

layui 表单标签的校验方法

Sep 04 Javascript

微信小程序间使用navigator跳转传值问题实例分析

Mar 27 Javascript

js实现表格数据搜索

Aug 09 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

PHP4中session登录页面的应用

2008/07/25 PHP

PHP6 mysql连接方式说明

2009/02/09 PHP

PHP中文URL编解码(urlencode()rawurlencode()

2010/07/03 PHP

解析php5配置使用pdo

2013/07/03 PHP

百度地图API应用之获取用户的具体位置

2014/06/10 PHP

PHP网络操作函数汇总

2015/05/18 PHP

PHP结合Ueditor并修改图片上传路径

2016/10/16 PHP

Egret引擎开发指南之发布项目

2014/09/03 Javascript

JavaScript中的逻辑判断符&&、||与!介绍

2014/12/31 Javascript

JavaScript中的Math.SQRT1_2属性使用简介

2015/06/14 Javascript

解决jQuery使用JSONP时产生的错误

2015/12/02 Javascript

jQuery解决浏览器兼容性问题案例分析

2016/04/15 Javascript

Javascript表单特效之十大常用原理性样例代码大总结

2016/07/12 Javascript

完美解决node.js中使用https请求报CERT_UNTRUSTED的问题

2017/01/08 Javascript

图文详解Javascript中的上下文和作用域

2017/02/15 Javascript

基于nodejs实现微信支付功能

2017/12/20 NodeJs

JS+CSS实现过渡特效

2021/01/02 Javascript

[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像

2013/07/28 DOTA

Python实现新浪博客备份的方法

2016/04/27 Python

python绘制漏斗图步骤详解

2019/03/04 Python

pytorch .detach() .detach_() 和 .data用于切断反向传播的实现

2019/12/27 Python

python3 Scrapy爬虫框架ip代理配置的方法

2020/01/17 Python

tensorflow求导和梯度计算实例

2020/01/23 Python

基于Pytorch SSD模型分析

2020/02/18 Python

python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例

2020/03/01 Python

浅谈Python中os模块及shutil模块的常规操作

2020/04/03 Python

python与js主要区别点总结

2020/09/13 Python

Stuart Weitzman美国官网：美国奢华鞋履品牌

2016/08/18 全球购物

PHP面试题-$message和$$message的区别

2015/12/08 面试题

《油菜花开了》教学反思

2014/02/22 职场文书

节水倡议书范文

2014/04/15 职场文书

研发工程师岗位职责

2014/04/28 职场文书

购房委托书范本

2014/09/18 职场文书

村官个人总结范文

2015/03/03 职场文书

2015年办公室人员工作总结

2015/05/15 职场文书

Nginx本地目录映射实现代码实例

2021/03/31 Servers