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 相关文章推荐
解决遍历时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