日韩精品国内,欧美日韩91,激情亚洲成人

滑動展開/收縮廣告（兼容ff/ie6/ie7）

網絡 2009/8/13 12:39:39 深山行者字體:大中小瀏覽 16135

以下為詳細代碼

<!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" lang="gb2312">
<head>
<title> 代碼實例：滑動展開/收縮廣告 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="keywords" content="代碼實例：滑動展開/收縮廣告" />
<script type="text/javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
stayTime=nStayTime*1000 || 3000;
maxHeigth=nMaxHth || 90;
minHeigth=nMinHth || 1;
state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId);
    function openBox(){
        var h = obj.offsetHeight;
        obj.style.height = ((state == "down") ? (h + 2) : (h - 2))+"px";
        if(obj.offsetHeight>maxHeigth){
        window.clearInterval(intervalId);
        intervalId=window.setInterval(closeBox,stayTime);
        }
		if (obj.offsetHeight<minHeigth){
		window.clearInterval(intervalId);
		obj.style.display="none";
		}
}
	function closeBox(){
	slideAd(id,stayTime,"up",nMaxHth,nMinHth);
	}
intervalId = window.setInterval(openBox,10);
}
</script>
</head>
<body style="margin:0;padding:0;font-size:14px;">
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
<ul>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
<li>這里是廣告內內容</li>
</ul>
</div>
<p>代碼實例：<strong>滑動展開/收縮廣告</strong>&nbsp;&nbsp;&nbsp;請刷新頁面，再次觀看演示效果</p>
<script type="text/javascript">

</script>
</body>
</html>

前一頁:利用css設置div漂浮在底部或頂部

后一頁:腳本控制三行三列自適應高度DIV布局

相關閱讀: 利用CSS的position定位屬性定義一個頂部飄動的柳葉效果非常酷; '禁止站外提交頁面和數據; 深山留言板(9.10教師節模板); 一個非常不錯的文字的提示; 深山旅游網站管理系統V1.0; 旅行社企業單位團隊游主題定制; 網頁調用msn/qq/email記錄，淘寶，skype掛在網頁上; ios蘋果版手機微信內置瀏覽器$(document).on(

共有0條關于《滑動展開/收縮廣告（兼容ff/ie6/ie7）》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 如何提高網站的PR值; uni-app判斷輸入內容是否符合要求; CSS設計網頁頭部的優化寫法; 經常使用到有關數據庫的操作sql; 微信小程序騰訊視頻播放組件tencentvideo（wxa75efa648b60994b）; 談IE與Firefox的CSS兼容大全

更多標簽熱門標簽

黑白 hover em DW 訪問量過期安裝包 script V3.1 性能加長 Java 連云港旅游容器 mssql important 技巧數據庫排版 txt 程序代碼 css 網頁 div CSS sel 框十字快捷 sql weatherxml 插件對話框邊框彈出滾動條縮略圖萬年歷 flash 驗證讀取 box 策劃風格網站數組工具數據人生 loading 下載獲得

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

滑動展開/收縮廣告（兼容ff/ie6/ie7）