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

5款Javascript颜色选择器

Oct 25 Javascript

只需一行代码,轻松实现一个在线编辑器

Nov 12 Javascript

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

Dec 14 Javascript

JavaScript弹出窗口方法汇总

Aug 12 Javascript

JavaScript学习心得之概述

Jan 20 Javascript

jquery trigger函数执行两次的解决方法

Feb 29 Javascript

Javascript实现图片加载从模糊到清晰显示的方法

Jun 21 Javascript

vue2实现可复用的轮播图carousel组件详解

Nov 27 Javascript

vue计算属性computed的使用方法示例

Mar 13 Javascript

微信小程序开发中var that =this的用法详解

Jan 18 Javascript

Element Cascader 级联选择器的使用示例

Jul 27 Javascript

类和原型的设计模式之复制与委托差异

Jul 07 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 截取字符串专题集合

2010/08/19 PHP

在WAMP环境下搭建ZendDebugger php调试工具的方法

2011/07/18 PHP

yii2 RBAC使用DbManager实现后台权限判断的方法

2016/07/23 PHP

前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）

2010/03/04 Javascript

JS getStyle获取最终样式函数代码

2010/04/01 Javascript

Jquery创建一个层当鼠标移动到层上面不消失效果

2013/12/12 Javascript

js select option对象小结

2013/12/20 Javascript

Node.js事件驱动

2015/06/18 Javascript

bootstrap是什么_动力节点Java学院整理

2017/07/14 Javascript

Vue 中使用vue2-highcharts实现曲线数据展示的方法

2018/03/05 Javascript

node.js利用socket.io实现多人在线匹配联机五子棋

2018/05/31 Javascript

php中and 和 &&出坑指南

2018/07/13 Javascript

自定义javascript验证框架示例【附源码下载】

2019/05/31 Javascript

微信小程序授权登录详解（附完整源码）

2019/08/23 Javascript

在vue中高德地图引入和轨迹的绘制的实现

2019/10/11 Javascript

Vue实现开关按钮拖拽效果

2020/09/22 Javascript

vue print.js打印支持Echarts图表操作

2020/11/13 Javascript

讲解python参数和作用域的使用

2013/11/01 Python

Python中关于字符串对象的一些基础知识

2015/04/08 Python

Django 使用logging打印日志的实例

2018/04/28 Python

Python Logging 日志记录入门学习

2018/06/02 Python

windows 10 设定计划任务自动执行 python 脚本的方法

2019/09/11 Python

Python新手如何进行闭包时绑定变量操作

2020/05/29 Python

对python pandas中 inplace 参数的理解

2020/06/27 Python

详解python3类型注释annotations实用案例

2021/01/20 Python

python基于selenium爬取斗鱼弹幕

2021/02/20 Python

真正的英国宝藏：Mappin & Webb

2019/05/05 全球购物

用C#语言写出在本地创建一个UDP接收端口的具体过程

2016/02/22 面试题

如何获得EntityManager

2014/02/09 面试题

成人教育自我鉴定

2013/11/01 职场文书

幼儿园六一活动总结

2014/08/27 职场文书

领导班子对照检查剖析材料

2014/10/13 职场文书

房产证明范本

2015/06/19 职场文书

导游词之西湖雷峰塔

2019/09/18 职场文书

使用HTML+Css+transform实现3D导航栏的示例代码

2021/03/31 HTML / CSS

mysql如何配置白名单访问

2021/06/30 MySQL