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 相关文章推荐
javascript 避免闭包引发的问题
Mar 17 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
Aug 30 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
jquery的map与get方法详解
Nov 04 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
React组件生命周期详解
Jul 03 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
Vue绑定用户接口实现代码示例
Nov 04 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 Vue.js
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
Email+URL的判断和自动转换函数
2006/10/09 PHP
Laravel 5框架学习之Eloquent (laravel 的ORM)
2015/04/08 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
各种常用的JS函数整理
2013/10/25 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
常用的 JS 排序算法 整理版
2018/04/05 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
jQuery pagination分页示例详解
2018/10/23 jQuery
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
node.js基础知识汇总
2020/08/25 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
python远程登录代码
2008/04/29 Python
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python中使用PDB库调试程序
2015/04/05 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
关于Pytorch的MLP模块实现方式
2020/01/07 Python
Python类中self参数用法详解
2020/02/13 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
小学生期末自我鉴定
2014/01/19 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
Golang Web 框架Iris安装部署
2022/08/14 Python