仿YAHOO的一個小效果下拉效果_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:33:38

仿YAHOO的一個小效果下拉效果_javascript技巧

仿YAHOO的一個小效果下拉效果_javascript技巧: 隱藏/顯示層 = max_h){ getObject('class_cnt1').style.height = 287px; // 工期高度為287px(因為我們只希望容器這么高) getObject('tabclass1').style.backgroundImage=url(http://www.east-d

推薦度：

點擊下載本文 文檔為doc格式

導讀仿YAHOO的一個小效果下拉效果_javascript技巧: 隱藏/顯示層 = max_h){ getObject('class_cnt1').style.height = 287px; // 工期高度為287px(因為我們只希望容器這么高) getObject('tabclass1').style.backgroundImage=url(http://www.east-d

// 隱藏列表框 
function hiddenList(){ 
 var h = getObject('class_cnt1').offsetHeight; // 內容容器class_cnt1的初始高度（這時高度為：287px） 
 var anim = function(){ 
 h -= 50; // 每次遞減50像素 
 
 if(h <= 5){ 
 getObject('class_cnt1').style.display="none"; // 內容容器不可見（當容器高度小于5px） 
 getObject('tabclass1').style.backgroundImage="url(http://www.east-dragon.cn/files/sw/images/tab_drop2.gif)"; 
 if(tt){window.clearInterval(tt);} 
 } 
 else{ 
 getObject('class_cnt1').style.height = h + "px"; // // 容器高度不斷的以50px遞減 
 } 
 } 
 
 var tt = window.setInterval(anim,2); // 設置每2毫秒循環一次（每2毫秒，運行一次anim[容器的高度遞減50px]） 
}

//======================================================= 
//函數名稱：showClassList() 
//函數功能：隱藏-顯示級分類列表框（class_cnt1） 
//返 回 值：無 
//======================================================= 
function showClassList(){ 
 // 如果內容容器為不可見的display:none 
 if(getObject('class_cnt1').style.display == "none"){ 
 displayList(); // 顯示內容框 
 } 
 else{ // 如果內容容器為可見的display:block 
 hiddenList(); // 隱藏內容框 
 } 
} 
--> 
</ script> 
</head> 
<body> 
 
 <h2 id="tabclass1" onclick="showClassList()" title="隱藏/顯示信息">分類信息</h2> 
 
 
 <p> 
 1111111
 
 111111111
 
 1111111
 
 111111111
 
 1111111
 
 111111111
 
 1111111
 
 111111111
 
 1111111
 
 111111111
 
 1111111
 
 111111111
 
 111111111
 
 </p> 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

仿YAHOO的一個小效果下拉效果_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標簽：的小 js 下拉

熱門焦點

仿YAHOO的一個小效果下拉效果_javascript技巧

仿YAHOO的一個小效果下拉效果_javascript技巧

仿YAHOO的一個小效果下拉效果_javascript技巧

最新推薦

猜你喜歡

熱門推薦