首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
js调试系列 初识控制台
Jun 18 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
node+multer实现图片上传的示例代码
Feb 18 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
索尼ICF-36(1) 数据库卡死(1) tcp/ip(1) 限速(1) 索引(8) IP(1) 备份(2) 全局锁(1) 限流(2) update(2)
You might like
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
动态加载iframe
2006/06/16 Javascript
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
javascript学习笔记（四）function函数部分
2014/09/30 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
如何提高数据访问速度
2016/12/26 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
python中正则的使用指南
2016/12/04 Python
Python 含参构造函数实例详解
2017/05/25 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
python sorted方法和列表使用解析
2019/11/18 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
Python json读写方式和字典相互转化
2020/04/18 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
html5的canvas方法使用指南
2014/12/15 HTML / CSS
Linux常见面试题
2013/03/18 面试题
知识改变命运演讲稿
2014/05/21 职场文书
红色经典观后感
2015/06/18 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
redis缓存存储Session原理机制
2021/11/20 Redis
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python