show本身并不是向下拉伸的..而是橫向的拉伸和向下拉伸,淡入效果同時進行的..

網站設計制作、成都網站設計介紹好的網站是理念、設計和技術的結合。創(chuàng)新互聯(lián)公司擁有的網站設計理念、多方位的設計風格、經驗豐富的設計團隊。提供PC端+手機端網站建設,用營銷思維進行網站設計、采用先進技術開源代碼、注重用戶體驗與SEO基礎,將技術與創(chuàng)意整合到網站之中,以契合客戶的方式做到創(chuàng)意性的視覺化效果。
toggle只是起到切換class的作用..本身與動畫效果無關..
jquery的橫向拉伸可以用animate來實現(xiàn)的..
show(speed)==animate({"width":"show","height":"
show","opacity":"show"},speed,callback);
樓下的..
jquery的動畫并不是切換class..如果非要說是切換了class那只是在某些特殊的情況下..比如hide()..它就會直接給元素添加一個display;none的class..但是hide('slow')...它是利用一個閉包讓元素逐漸消失..最后加上一個display:none的class..而元素使用show的時候會檢測是否隱藏了元素..如果有..它就會讓它顯示出來..然后讓其產生動畫逐漸顯示出來...
只能說...動畫是基于切換class的基礎上產生的..而不能說..動畫就是切換class..動畫的本身并不一定要用到切換class
在button
的
onclick事件中添加如下代碼:
if(document.getElememtById('oDiv').style.display
==
'block'){
//oDiv
為
需要打開的DIV層的ID
//判斷其css
的
display
是否為
block,如果是,證明該div正在顯示,需要隱藏
document.getElememtById('oDiv').style.display
=
none;
//隱藏
}else{
//如果不是block證明該div正在隱藏,需要顯示
document.getElememtById('oDiv').style.display
=
'block';
//顯示
}
$("div").hide(); hide這個方法可以給括號里面一個毫秒值,然后實現(xiàn)緩慢消失的效果
首先,你要構造一個DIV,把DIVappend到你的網頁中。
然后通過$("#divID").load("URL", "需要post的數據");
例如:
function testLoadData() {
$("div id='myDIV'/div").appendTo($("body"));
$("#myDIV").load("需要加載數據的地址(URL)", "post的數據,需要轉換成JSON");
}
input type="button" onclick="testLoadData()" ....
這樣能給你一個大概的思路,希望能幫你解決問題哈。
分享文章:jquerydiv層,jquerydiv顯示與隱藏
網頁網址:http://chinadenli.net/article13/dseihgs.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站改版、、云服務器、移動網站建設、企業(yè)建站、電子商務
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)