jQuery實(shí)現(xiàn)頁(yè)面頂部下拉廣告

更新時(shí)間：2016年12月30日 08:35:50 作者：roucheng

本文主要分享了jQuery實(shí)現(xiàn)頁(yè)面頂部下拉廣告的具體代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧

本廣告可以是圖片也可以是Flash，可以設(shè)置自動(dòng)播放的時(shí)間，可以手動(dòng)停止和重播。

效果展示 http://demo.jb51.net/js/2016/jQuery_xiala/

源碼下載：http://xiazai.jb51.net/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可關(guān)閉及重復(fù)播放泰山壓頂廣告 - 何問(wèn)起</title><base target="_blank" />
<LINK rel=stylesheet type=text/css >
</head>
<body style="text-align:center">
<br><br>
<!--廣告開(kāi)始-->
<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=關(guān)閉 
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>
<!--廣告結(jié)束-->
<br>
<p>適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>來(lái)源：<a  target="_blank">何問(wèn)起</a>
 <a >網(wǎng)頁(yè)特效</a>
<a >代碼說(shuō)明</a></p>
<p></p>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JS函數(shù)節(jié)流和防抖之間的區(qū)分和實(shí)現(xiàn)詳解
本文主要介紹的是關(guān)于JS中比較常用的函數(shù)：節(jié)流函數(shù)和防抖函數(shù)，從概念、使用場(chǎng)景到代碼簡(jiǎn)單實(shí)現(xiàn)做了一個(gè)詳細(xì)的區(qū)分。感興趣的小伙伴們可以參考一下
2019-01-01
微信小程序教程系列之視圖層的條件渲染（10）
這篇文章主要為大家詳細(xì)介紹了微信小程序教程系列之視圖層的條件渲染，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
js中forEach的用法之forEach與for之間的區(qū)別
這篇文章主要介紹了js中forEach的用法之forEach與for之間的區(qū)別，forEach() 調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)，下面更多詳細(xì)介紹需要的小伙伴可以參考一下
2022-03-03
JS控制HTML元素的顯示和隱藏的兩種方法
本文給大家分享兩種方法來(lái)控制html元素的顯示和隱藏，分別利用html的style中兩個(gè)屬性，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-09-09
解決ie img標(biāo)簽內(nèi)存泄漏的問(wèn)題
下面小編就為大家?guī)?lái)一篇解決ie img標(biāo)簽內(nèi)存泄漏的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
Layui 解決表格異步調(diào)用后臺(tái)分頁(yè)的問(wèn)題
今天小編就為大家分享一篇Layui 解決表格異步調(diào)用后臺(tái)分頁(yè)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
javascript對(duì)象的相關(guān)操作小結(jié)
下面小編就為大家?guī)?lái)一篇javascript對(duì)象的相關(guān)操作小結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
微信小程序自定義模態(tài)框
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
多種方法實(shí)現(xiàn)JS動(dòng)態(tài)添加事件
JS動(dòng)態(tài)添加事件的方法有很多，我們可以使用setAttribute、attachEvent 和 addEventListener等等，感興趣的朋友可以參考下
2013-11-11
uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果的相關(guān)資料,tabs切換無(wú)論是在app端還是小程序或者H5頁(yè)面都是很常見(jiàn)的功能,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下
2023-07-07