jquery的css方法更改样式，怎么在改变的过程中加点过渡动画？能举个例子吗？谢谢！
答案:5 悬赏:0 手机版
解决时间 2021-11-16 04:50
- 提问者网友：我的未来我做主
- 2021-11-15 21:14
jquery的css方法更改样式，怎么在改变的过程中加点过渡动画？能举个例子吗？谢谢！
最佳答案
- 五星知识达人网友：蕴藏春秋
- 2021-11-15 22:19
这里主要有以下几种方法：
一、在显示和隐藏的时候，可以设置显示隐藏的时间，$("#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 );
});
这样应该就是可以的。追问谢谢！！！
一、在显示和隐藏的时候，可以设置显示隐藏的时间，$("#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 );
});
这样应该就是可以的。追问谢谢！！！
全部回答
- 1楼网友：拾荒鲤
- 2021-11-16 01:36
除了上面的方法 你还可以先在CSS里定义好一个动画 然后用JQ的attr方法给加上去
- 2楼网友：傲气稳了全场
- 2021-11-16 00:10
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。追问谢谢
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。追问谢谢
- 3楼网友：廢物販賣機
- 2021-11-15 23:59
比如：
$("div").animate({ opacity : "0.2" } , 600 );
意思就是div透明度变为0.2，需要世间600，达到渐变效果追问谢谢
$("div").animate({ opacity : "0.2" } , 600 );
意思就是div透明度变为0.2，需要世间600，达到渐变效果追问谢谢
- 4楼网友：你哪知我潦倒为你
- 2021-11-15 23:41
用jquery的animate方法可以设置动画，具体用法可以参考一下手册，这个函数可以实现比较复杂的功能追问谢谢
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯