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

js 利用image对象实现图片的预加载提高访问速度

Mar 29 Javascript

ajax与302响应代码测试

Oct 23 Javascript

js计算文本框输入的字符数

Oct 23 Javascript

JS实现网页标题随机显示名人名言的方法

Nov 03 Javascript

通过点击jqgrid表格弹出需要的表格数据

Dec 02 Javascript

jQuery遮罩层效果实例分析

Jan 14 Javascript

Node.js的Koa框架上手及MySQL操作指南

Jun 13 Javascript

jQuery 实现倒计时天,时,分,秒功能

Jul 31 jQuery

使用Angular Cli如何创建Angular私有库详解

Jan 30 Javascript

详解微信小程序-canvas绘制文字实现自动换行

Apr 26 Javascript

浅析TypeScript 命名空间

Mar 19 Javascript

vue开发简单上传图片功能

Jun 30 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将回调函数作用到给定数组单元的方法

2014/08/19 PHP

PHP编译configure时常见错误的总结

2017/08/17 PHP

php定期拉取数据对比方法实例

2019/09/22 PHP

js TextArea的选中区域处理

2010/12/28 Javascript

ExtJs Excel导出并下载IIS服务器端遇到的问题

2011/09/16 Javascript

javascript 二进制运算技巧解析

2012/11/27 Javascript

JQuery中serialize()、serializeArray()和param()方法示例介绍

2014/07/31 Javascript

Windows8下搭建Node.js开发环境教程

2014/09/03 Javascript

基于RequireJS和JQuery的模块化编程——常见问题全面解析

2016/04/14 Javascript

jQuery Validate 无法验证 chosen-select元素的解决方法

2017/05/17 jQuery

详解HTML5 使用video标签实现选择摄像头功能

2017/10/25 Javascript

解决VUEX兼容IE上的报错问题

2018/03/01 Javascript

vue.js实现标签页切换效果

2018/06/07 Javascript

vue-cli3全面配置详解

2018/11/14 Javascript

vue基础知识--axios合并请求和slot

2020/06/04 Javascript

js 实现碰撞检测的示例

2020/10/28 Javascript

[00:32]10月24、25日辉夜杯外卡赛附加赛开赛！

2015/10/23 DOTA

python sqlobject(mysql)中文乱码解决方法

2008/11/14 Python

python使用urllib模块开发的多线程豆瓣小站mp3下载器

2014/01/16 Python

python映射列表实例分析

2015/01/26 Python

Python切片操作实例分析

2018/03/16 Python

python3+PyQt5实现支持多线程的页面索引器应用程序

2018/04/20 Python

python实现图书馆研习室自动预约功能

2018/04/27 Python

Python导入模块包原理及相关注意事项

2020/03/25 Python

Python中logger日志模块详解

2020/08/04 Python

HTML5里的placeholder属性使用实例和美化显示效果的方法

2014/04/23 HTML / CSS

Volcom法国官网：美国冲浪滑板品牌

2017/05/25 全球购物

英国音乐设备和乐器商店：Gear4music

2017/10/16 全球购物

出生公证书样本

2014/04/04 职场文书

伦敦奥运会口号

2014/06/13 职场文书

社区服务活动小结

2014/07/08 职场文书

2014年校长工作总结

2014/12/11 职场文书

感恩母亲节活动总结

2015/02/10 职场文书

应用最多的公文《通知》如何写？

2019/04/02 职场文书

一文弄懂MySQL索引创建原则

2022/02/28 MySQL

uniapp开发打包多端应用完整方法指南

2022/12/24 Javascript