这是一篇很有收藏价值的文章《jQuery实现页面顶部下拉广告》，在开发过程对大家很有帮助，小编结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
本广告可以是图片也可以是Flash，可以设置自动播放的时间，可以手动停止和重播。
效果展示 http://demo.haodaima.com/js/2016/jQuery_xiala/
源码下载：http://xiazai.haodaima.com/201612/yuanma/jQuery(xiala)_jb51.rar
效果图如下：
代码如下：
<!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 rel="nofollow noopener noreferrer" 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=重播 rel="nofollow noopener noreferrer" href="javascript：;" target="_self"></A><A class=gg_fclose title=关闭 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" href="http://hovertree.com/" target="_blank">何问起</a> <a rel="nofollow noopener noreferrer" href="http://hovertree.com/menu/texiao/">网页特效</a> <a rel="nofollow noopener noreferrer" href="http://hovertree.com/h/bjaf/2lkrc3r2.htm">代码说明</a></p> <p></p> </body> </html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！