show本身并不是向下拉伸的..而是橫向的拉伸和向下拉伸,淡入效果同時(shí)進(jìn)行的..
網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)公司擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè),用營銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ),將技術(shù)與創(chuàng)意整合到網(wǎng)站之中,以契合客戶的方式做到創(chuàng)意性的視覺化效果。
toggle只是起到切換class的作用..本身與動(dòng)畫效果無關(guān)..
jquery的橫向拉伸可以用animate來實(shí)現(xiàn)的..
show(speed)==animate({"width":"show","height":"
show","opacity":"show"},speed,callback);
樓下的..
jquery的動(dòng)畫并不是切換class..如果非要說是切換了class那只是在某些特殊的情況下..比如hide()..它就會(huì)直接給元素添加一個(gè)display;none的class..但是hide('slow')...它是利用一個(gè)閉包讓元素逐漸消失..最后加上一個(gè)display:none的class..而元素使用show的時(shí)候會(huì)檢測是否隱藏了元素..如果有..它就會(huì)讓它顯示出來..然后讓其產(chǎn)生動(dòng)畫逐漸顯示出來...
只能說...動(dòng)畫是基于切換class的基礎(chǔ)上產(chǎn)生的..而不能說..動(dòng)畫就是切換class..動(dòng)畫的本身并不一定要用到切換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這個(gè)方法可以給括號(hào)里面一個(gè)毫秒值,然后實(shí)現(xiàn)緩慢消失的效果
首先,你要構(gòu)造一個(gè)DIV,把DIVappend到你的網(wǎng)頁中。
然后通過$("#divID").load("URL", "需要post的數(shù)據(jù)");
例如:
function testLoadData() {
$("div id='myDIV'/div").appendTo($("body"));
$("#myDIV").load("需要加載數(shù)據(jù)的地址(URL)", "post的數(shù)據(jù),需要轉(zhuǎn)換成JSON");
}
input type="button" onclick="testLoadData()" ....
這樣能給你一個(gè)大概的思路,希望能幫你解決問題哈。