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

解决FLASH需要点击激活的代码

Dec 20 Javascript

js几个验证函数代码

Mar 25 Javascript

Javascript中找到子元素在父元素内相对位置的代码

Jul 21 Javascript

jquery与prototype框架的详细对比

Nov 21 Javascript

jQuery实现仿腾讯迷你首页选项卡效果代码

Sep 17 Javascript

vue超时计算的组件实例代码

Jul 09 Javascript

JS实现select选中option触发事件操作示例

Jul 13 Javascript

原生JS实现获取及修改CSS样式的方法

Sep 04 Javascript

详解Vue底部导航栏组件

May 02 Javascript

layui问题之渲染数据表格时,仅出现10条数据的解决方法

Sep 12 Javascript

JS创建自定义对象的六种方法总结

Dec 15 Javascript

react合成事件与原生事件的相关理解

May 13 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递归函数返回值使用方法

2013/02/18 PHP

php上传图片到指定位置路径保存到数据库的具体实现

2013/12/30 PHP

PHP反射机制用法实例

2014/08/28 PHP

Thinkphp批量更新数据的方法汇总

2016/06/29 PHP

php中文语义分析实现方法示例

2019/09/28 PHP

JAVASCRIPT HashTable

2007/01/22 Javascript

js 方法实现返回多个数据的代码

2009/04/30 Javascript

js innerHTML 改变div内容的方法

2013/08/03 Javascript

jQuery中bind,live,delegate与one方法的用法及区别解析

2013/12/30 Javascript

鼠标拖拽移动子窗体的JS实现

2014/02/25 Javascript

JS实现仿中关村论坛评分后弹出提示效果的方法

2015/02/23 Javascript

JS实现向表格中动态添加行的方法

2015/03/30 Javascript

javascript实现数据双向绑定的三种方式小结

2017/03/09 Javascript

深入浅析JSONAPI在PHP中的应用

2017/12/24 Javascript

webpack打包并将文件加载到指定的位置方法

2018/02/22 Javascript

JavaScript判断浏览器运行环境的详细方法

2019/06/30 Javascript

Vue与React的区别和优势对比

2020/12/18 Vue.js

原生js实现自定义滚动条组件

2021/01/20 Javascript

python下MySQLdb用法实例分析

2015/06/08 Python

Python的Flask框架应用调用Redis队列数据的方法

2016/06/06 Python

详解Python中的from..import绝对导入语句

2016/06/21 Python

python3 发送任意文件邮件的实例

2018/01/23 Python

Python实现的批量修改文件后缀名操作示例

2018/12/07 Python

使用pyinstaller打包PyQt4程序遇到的问题及解决方法

2019/06/24 Python

对numpy下的轴交换transpose和swapaxes的示例解读

2019/06/26 Python

用Python配平化学方程式的方法

2019/07/20 Python

Tensorflow中的dropout的使用方法

2020/03/13 Python

解决Pycharm 中遇到Unresolved reference 'sklearn'的问题

2020/07/13 Python

adidas美国官网：adidas US

2016/09/21 全球购物

美国室内和室外装饰花盆购物网站：ePlanters

2019/03/22 全球购物

电子专业毕业生自我鉴定

2014/01/22 职场文书

学习礼仪心得体会

2014/09/01 职场文书

国家税务局领导班子对照检查材料思想汇报

2014/10/04 职场文书

导游词之麻姑仙境

2019/11/18 职场文书

matplotlib如何设置坐标轴刻度的个数及标签的方法总结

2021/06/11 Python

Node.js实现爬取网站图片的示例代码

2022/04/04 NodeJs