黄色a一级,久久综合热,玖玖在线精品

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

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

以下為詳細代碼

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

后一頁:記錄滾動條位置

相關閱讀: 支持win7的node.js版本; 購物網上圖片放大效果; Python PyInstaller安裝和使用教程（詳解版）; ASP.NET AJAX的應用; 出境游旅行社建站解決方案; 深山旅行社網站管理系統 v1.6; 一行內文本超出指定寬度溢出的處理; 深山旅行社網站管理系統 v1.5

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

更多>>隨機抽取信息: 絕對超酷的JS顏色板; Appium元素定位方式之android_uiautomator定位; 中國大宗資產交易網; 深山留言板系統(七夕情人節留言板專用模板) v3.7; asp判斷是否是手機訪問; ASP鏈接地址欄參數的加密

更多標簽熱門標簽

物理在線 dl form 保留特效統計獲得網站設置 window 保護眼睛的電腦色理想 javascript asp 文本參數 max 倒計時單選日歷系統調節版權眼睛處理絕對管用的iis安裝包下載模仿深山行者下劃線等待計算格式化模板論壇游覽器 float 列小偷行號計劃漢字網頁制作 hack checkbox 初級斜線增大結果翻滾

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

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