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>

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

Javascript 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
js 数组的for循环到底应该怎么写?
May 31 Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
jQuery实现的文字hover颜色渐变效果实例
Feb 20 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
Jul 26 Javascript
ant design vue中表格指定格式渲染方式
Oct 28 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
ThinkPHP路由详解
2015/07/27 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
Python中的Descriptor描述符学习教程
2016/06/02 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
Django web框架使用url path name详解
2019/04/29 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
Python基于requests库爬取网站信息
2020/03/02 Python
在Python中用GDAL实现矢量对栅格的切割实例
2020/03/11 Python
Python 没有main函数的原因
2020/07/10 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
Monki官网:斯堪的纳维亚的独立时尚品牌
2020/11/09 全球购物
一组SQL面试题
2016/02/15 面试题
Python面试题集
2012/03/08 面试题
财务会计人员岗位职责
2013/11/30 职场文书
农场厂长岗位职责
2013/12/28 职场文书
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
土木工程专业推荐信
2014/02/19 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
农村党员干部承诺书
2015/05/04 职场文书
Python的这些库,你知道多少?
2021/06/09 Python