编程 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中使用"with"语句中跨frame的变量引用问题

Mar 08 Javascript

js每次Title显示不同的名言

Sep 25 Javascript

web css实现整站样式互相切换

Oct 29 Javascript

浅析JavaScript原型继承的陷阱

Dec 03 Javascript

JavaScript中的索引数组、关联数组和静态数组、动态数组讲解

Nov 08 Javascript

理解AngularJs指令

Dec 10 Javascript

再谈javascript常见错误及解决方法

Sep 16 Javascript

Vue filter介绍及详细使用

Apr 04 Javascript

jQuery.validate.js表单验证插件的使用代码详解

Oct 22 jQuery

基于JS抓取某高校附近共享单车位置使用web方式展示位置变化代码实例

Aug 27 Javascript

vue 使用v-for进行循环的实例代码详解

Feb 19 Javascript

Vue实现穿梭框效果

Sep 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

php5.3 废弃函数小结

2010/05/16 PHP

php标签云的实现代码

2012/10/10 PHP

解析yahoo邮件用phpmailer发送的实例

2013/06/24 PHP

PHP 动态生成静态HTML页面示例代码

2014/01/15 PHP

浅谈PHP的数据库接口和技术

2016/12/09 PHP

PHP实现深度优先搜索算法(DFS,Depth First Search)详解

2017/09/16 PHP

动态调用css文件——jquery的应用

2007/02/20 Javascript

基于jquery实现的文字淡入淡出效果

2013/11/14 Javascript

初识Node.js

2014/09/03 Javascript

js onmousewheel事件多次触发问题解决方法

2014/10/17 Javascript

jQuery实现购物车计算价格功能的方法

2015/03/25 Javascript

bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法

2017/05/25 Javascript

用vue封装插件并发布到npm的方法步骤

2017/10/18 Javascript

使用Node搭建reactSSR服务端渲染架构

2018/08/30 Javascript

关于AngularJS中ng-repeat不更新视图的解决方法

2018/09/30 Javascript

Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址

2019/05/21 Javascript

关于vue利用postcss-pxtorem进行移动端适配的问题

2019/11/20 Javascript

js实现电灯开关效果

2021/01/19 Javascript

python协程用法实例分析

2015/06/04 Python

Python的SQLalchemy模块连接与操作MySQL的基础示例

2016/07/11 Python

python并发编程之多进程、多线程、异步和协程详解

2016/10/28 Python

Python中第三方库Requests库的高级用法详解

2017/03/12 Python

Python之web模板应用

2017/12/26 Python

PyTorch的自适应池化Adaptive Pooling实例

2020/01/03 Python

python tkinter GUI绘制,以及点击更新显示图片代码

2020/03/14 Python

一家专门做特卖的网站：唯品会

2016/10/09 全球购物

菲律宾购物网站：Lazada菲律宾

2018/04/05 全球购物

几个SQL的面试题

2014/03/08 面试题

什么是虚拟内存？虚拟内存有什么优势？

2016/02/09 面试题

进程的查看和调度分别使用什么命令

2015/03/25 面试题

村官学习十八大感想

2014/01/15 职场文书

大学生水果店创业计划书

2014/01/28 职场文书

毕业论文答辩演讲稿

2015/06/23 职场文书

Java数据结构之链表相关知识总结

2021/06/18 Java/Android

草系十大最强宝可梦，纸片人上榜，榜首大家最熟悉

2022/03/18 日漫

光之国的四大叛徒：第一贝利亚导致宇宙毁灭，赛文奥特曼在榜

2022/03/18 日漫