Question

jquery的css方法更改样式，怎么在改变的过程中加点过渡动画？能举个例子吗？谢谢！

Answer 1

这里主要有以下几种方法：
一、在显示和隐藏的时候，可以设置显示隐藏的时间，$("#id").show("500")和$("#id").hide("500")，这样看上去有一个过渡的效果。
二、在菜单（尤其的联动菜单时）的下拉和收起时，使用$("#id").slideDown("500")和slideUp("500")，可以设置时间的长短。
三、一般的动画过渡用$("#id").animate()这个方法。如楼上的animate(({ opacity : "0.3" },500)。
希望可以绑到你！

追问

$("#bgchange1").bind("click",function(){$("#bd_wrap").css("background-image","url('images/1111.gif')");});

改变背景图片过渡中要怎么加动画呢？

追答

// 在一个动画中同时应用三种类型的效果
$("#bgchange1").bind("click",function(){
$("#bd_wrap").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10,
background-image:'url('images/1111.gif')'
}, 1000 );
});
这样应该就是可以的。

追问

谢谢！！！

Answer 2

比如：
$("div").animate({ opacity : "0.2" } , 600 );
意思就是div透明度变为0.2，需要世间600，达到渐变效果

追问

谢谢

Answer 3

animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

追问

谢谢

Answer 4

用jquery的animate方法可以设置动画，具体用法可以参考一下手册，这个函数可以实现比较复杂的功能

追问

谢谢

Answer 5

除了上面的方法 你还可以先在CSS里定义好一个动画 然后用JQ的attr方法给加上去