show本身并不是向下拉伸的..而是横向的拉伸和向下拉伸,淡入效果同时进行的..
网站设计制作、成都网站设计介绍好的网站是理念、设计和技术的结合。创新互联公司拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设,用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础,将技术与创意整合到网站之中,以契合客户的方式做到创意性的视觉化效果。
toggle只是起到切换class的作用..本身与动画效果无关..
jquery的横向拉伸可以用animate来实现的..
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这个方法可以给括号里面一个毫秒值,然后实现缓慢消失的效果
首先,你要构造一个DIV,把DIVappend到你的网页中。
然后通过$("#divID").load("URL", "需要post的数据");
例如:
function testLoadData() {
$("div id='myDIV'/div").appendTo($("body"));
$("#myDIV").load("需要加载数据的地址(URL)", "post的数据,需要转换成JSON");
}
input type="button" onclick="testLoadData()" ....
这样能给你一个大概的思路,希望能帮你解决问题哈。