俄罗斯av片,国产乱淫av免费,免费黄网站在线观看

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

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

以下為詳細代碼

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

后一頁:記錄滾動條位置

相關閱讀: 網頁制作CSS中常用的單位; canvas繪制的文字如何換行; 利用錨點做純CSS的圖片展示效果; Request.ServerVariables在網頁中的一些應用集合; 地瓜坊; 國內各大搜索引擎的蜘蛛名稱列表; 旅行社網站模板默認風格1; 頁面javascript倒計時跳轉

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

更多>>隨機抽取信息: div+css中文字居于底部的解決方法與代碼; 鄧州市途鴻旅行社; ASP中SQL和Access數據庫中時間/日期字段內容查詢的方法說明; 常用正則表達式集錦; 抖音直播音掛載小雪花懂車帝小程序; vue uni-app判斷空字符串/null/undefined或者有誤字段

更多標簽熱門標簽

逗號 css 透明 asp.net 控件文件大小拼音標簽浮動對象加減天氣預報 id 二級 265 表單 vista 留言板模版 DIV+CSS做的透明菜單兼容IE、FF等界面深山行者V1.2旅行社網站管理系統黑白網易偽類 table 顯示器應用首頁文字 Cookie eof 縣 Google 手效果 ajax li 自動獲取右擊失效 flush 緩存 innerText 注冊圖片上傳統計 title 教程 web 2.0 超出 hover 臺歷 checkbox

国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

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