欧美日韩v,a在线播放,国产精品国产三级国产aⅴ中文

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

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

以下為詳細代碼

<!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布局

相關閱讀: 深山旅行社網站管理系統5.0發布; 點出窗口，選擇類別; uni-app去除點擊navigator標簽時有背景底色問題; 非常酷的時鐘，圖片制作精美,還有日期顯示; 游戲-QQ穿越火線留言板模板; 利div+css做的柱狀圖，代碼超級簡潔; 網頁制作中關于瀏覽器寬度和高度的設定研究（轉載）; web2.0網頁--常用的XHTML標簽的使用技巧方法介紹

共有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還有其它的嗎

更多>>隨機抽取信息: 對打開的窗口進行個性尺寸大小定制; 建國60周年（紅色）留言板模板; 連云港智慧樹旅游; 高度100%的絕對定位自適應布局技巧; 深山網吧留言板系統(激情穿越火線)v4.3; 下載微信小程序

更多標簽熱門標簽

class asasds CSS濾鏡百度后臺 media 半透明 Request 留言次數浮動對象硬件個人 outerHTML label 告鏈接樣式數據庫 body word-break 快捷返回框架 Margin加倍 style 日期排序事務提示 XMLHTTP Cookie 夢幻留言 jpg 右鍵失效查詢 FSO 許愿墻自動隱藏旅行社目標數組蜘蛛 innerText 珍惜文字我想你 position px 標注思考

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

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