乱乳孕妇特级毛片,日韩在线免费视频观看,男人久久

層展開/關閉 - 運動緩沖效果

http://bbs.blueidea.com 2009/4/26 20:10:01 深山行者字體:大中小瀏覽 8601

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<title>層展開/關閉 - 運動緩沖效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="copyright" content="Copyright 2008 XQin.cn" />
<meta name="author" content="小秦" />
<script type="text/javascript">
/*
    函數名稱: Scroll
    Scroll(obj, h, s)
    參數說明:
        obj,[object]  id值或對象.     必需
          h,[height]  展開后的高度.   可選(默認為200px)
          s,[speed]   展開速度,值越小展開速度越慢. 可選(默認為1.2){建議取值為1.1到2.0之間[例如:1.17]}.
    函數返回值:
        true    展開(對象的高度等于展開后的高度)
        false   關閉(對象的高度等于原始高度)
*/
function Scroll(obj, h, s){
    if(obj == undefined){return false;}
    var h = h || 200;
    var s = s || 1.2;
    var obj = typeof(obj)=="string"?document.getElementById(obj):obj;
    var status = obj.getAttribute("status")==null;
    var oh = parseInt(obj.offsetHeight);
    obj.style.height = oh;
    obj.style.display = "block";
	obj.style.overflow = "hidden";
    if(obj.getAttribute("oldHeight") == null){
        obj.setAttribute("oldHeight", oh);
    }else{
        var oldH = Math.ceil(obj.getAttribute("oldHeight"));
    }
    var reSet = function(){
        if(status){
            if(oh < h){
                oh = Math.ceil(h-(h-oh)/s);
                obj.style.height = oh+"px";
            }else{
                obj.setAttribute("status",false);
                window.clearInterval(IntervalId);
            }
        }else{
            obj.style.height = oldH+"px";
            obj.removeAttribute("status");
            window.clearInterval(IntervalId);
        }
    }
    var IntervalId = window.setInterval(reSet,10);
	return status;
}
window.onload= function(){
    document.getElementById('detail').onclick = function(){
        Scroll('detail', 300, 1.3);
    }
    document.getElementById('text').onclick = function(){
        Scroll('text');
    }
}
</script>
</head>
<body>
<p id="detail" style="border:1px dashed #f00;">這是一個段落啦!!哇哈哈哈<br/>點我一下下啦:)</p>
<div id="text" style="border:1px solid #0f0">Hello World!<br/>你敢點我不  -_|||</div>
<button onclick="Scroll('text', 400, 1.2)">Hello World</button>
</body>
</html>

前一頁:漂亮的頁面loading等待頁面特效(3)

后一頁:記錄滾動條位置

相關閱讀: 網頁中Flash彈出網頁窗口的詳細講解; 微軟Encoder加密解密函數; 初學ASP動態網頁制作常用錯誤處理; 漂亮的頁面loading等待頁面特效(3); dreawmeaver中鮮為人知的小秘訣,讓你制作網頁更加隨心所欲.; asp正則表達式詳細; 耒陽華天國際旅行社; DIV+CSS做的透明菜單兼容IE、FF等

共有0條關于《層展開/關閉 - 運動緩沖效果》的評論: 發表評論

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

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 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還有其它的嗎

更多>>隨機抽取信息: CSS編寫過程中常見的10個錯誤; 景點門票預訂; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 記錄滾動條位置; 利用javascript靜態改變表單指向與提交方式; 國旅（深圳）國際旅行社有限公司

更多標簽熱門標簽

ie window 下拉框留言板執行商城點擊網頁制作漸變留言控件彈出 DIV CSS做的透明菜單兼容IE、FF等適應 web 高鏈接漢字背景色滑過 ewebeditor 縮略圖 select 等待上一頁時鐘利用position把div放在flash上 asasds 圖片上傳蜘蛛 media 程序小偷 2003 outerHTML 位置思考九宮格計劃文本 innerHTML 表單奮斗 tag 絕對管用的iis安裝包下載浮動 rss 個性操作 id

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

層展開/關閉 - 運動緩沖效果

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷