欧美doctor打针videos,液液酱yye一yye的福利免费,美女色水一级

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

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

以下為詳細代碼

<!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)

后一頁:記錄滾動條位置

相關閱讀: 旅行社管理系統商業版4.0發布; FLASH中加入LOADING的最簡便方法; 符合標準的正常工作的對聯廣告; CSS設計符合Web標準的網頁表單的幾個技巧; 網頁鏈接十字顯示就像CAD十字做標一樣,效果非常好; 五個簡單措施增強IIS安全性; 長春康輝旅行社有限責任公司; 深山旅行社網站管理系統 v1.6

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

更多>>隨機抽取信息: 幾種javascript導航菜單; 2012-7-20升級部分; asp日歷代碼; asp Microsoft.XMLHTTP生成靜態頁延遲解決方案; 經典實用的觸發型導航菜單; 常用CSS縮寫語法總結

更多標簽熱門標簽

表格規則滾動菜單錨點 letter-spacing 重復做標故事關于我們 border 絕對定位 mop input 適應 vb 字母文件大小保留下拉理想 qq right 代碼 css 安裝包 font-size 背景色 Session CAD 杈規 論壇腳本告應用代碼 textarea RegExp 等高界面 instr 濾鏡黑白 document 命名 ie5.5 教程豎排增大提交 pt 模板

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

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

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