国产二区视频,午夜精品一区二区三区免费视频,精品国产髙清在线看国产毛片

層展開(kāi)/關(guān)閉 - 運(yùn)動(dòng)緩沖效果

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

以下為詳細(xì)代碼

<!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>層展開(kāi)/關(guān)閉 - 運(yùn)動(dòng)緩沖效果</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">
/*
    函數(shù)名稱: Scroll
    Scroll(obj, h, s)
    參數(shù)說(shuō)明:
        obj,[object]  id值或?qū)ο?     必需
          h,[height]  展開(kāi)后的高度.   可選(默認(rèn)為200px)
          s,[speed]   展開(kāi)速度,值越小展開(kāi)速度越慢. 可選(默認(rèn)為1.2){建議取值為1.1到2.0之間[例如:1.17]}.
    函數(shù)返回值:
        true    展開(kāi)(對(duì)象的高度等于展開(kāi)后的高度)
        false   關(guān)閉(對(duì)象的高度等于原始高度)
*/
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;">這是一個(gè)段落啦!!哇哈哈哈<br/>點(diǎn)我一下下啦:)</p>
<div id="text" style="border:1px solid #0f0">Hello World!<br/>你敢點(diǎn)我不  -_|||</div>
<button onclick="Scroll('text', 400, 1.2)">Hello World</button>
</body>
</html>

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

后一頁(yè):記錄滾動(dòng)條位置

相關(guān)閱讀: 綿陽(yáng)市康輝國(guó)際旅行社有限責(zé)任公司; 中國(guó)大宗資產(chǎn)交易網(wǎng); 設(shè)置兩個(gè)未知高度的DIV保持等高; JS自動(dòng)格式化輸入的數(shù)字/千位分隔符; 雙擊文字后實(shí)現(xiàn)編輯文本功能; 旅行社管理系統(tǒng)商業(yè)版3.0發(fā)布; 國(guó)內(nèi)組團(tuán)社旅游服務(wù)商建站解決方案; 中南國(guó)際旅游公司

共有0條關(guān)于《層展開(kāi)/關(guān)閉 - 運(yùn)動(dòng)緩沖效果》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

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

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

更多>>隨機(jī)抽取信息: 海韻幼兒園網(wǎng)站; 微信公眾號(hào)回復(fù)語(yǔ)音消息或用客服接口推送語(yǔ)音消息; 一次自動(dòng)化批量處理服務(wù)器上幾萬(wàn)張圖片; CSS設(shè)計(jì)符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)表單的幾個(gè)技巧; asp利用FSO檢測(cè)服務(wù)器空間文件夾大小; 深山行者留言系統(tǒng)V3.3發(fā)布

更多標(biāo)簽熱門標(biāo)簽

人生網(wǎng)站信息 css 經(jīng)典 clear 采集 Dreamweaver 透明 Session iis 安裝二級(jí) 陰影效果名稱 exe 豎排計(jì)算右擊旅行社 max PSD 左右故事小旋風(fēng) png24 論壇 SEO 緩存增大 form 輪流模仿進(jìn)度愛(ài)國(guó) 記錄心情組件 ie6 收縮列 Excel 文字 style script 虛擬絕對(duì)定位定律 cpu ul 單選

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

層展開(kāi)/關(guān)閉 - 運(yùn)動(dòng)緩沖效果