永发信息网

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

答案:5  悬赏:0  手机版
解决时间 2021-11-16 04:50
jquery的css方法更改样式,怎么在改变的过程中加点过渡动画?能举个例子吗?谢谢!
最佳答案
这里主要有以下几种方法:
一、在显示和隐藏的时候,可以设置显示隐藏的时间,$("#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 );
});
这样应该就是可以的。追问谢谢!!!
全部回答
除了上面的方法 你还可以先在CSS里定义好一个动画 然后用JQ的attr方法给加上去
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。追问谢谢
比如:
$("div").animate({ opacity : "0.2" } , 600 );
意思就是div透明度变为0.2,需要世间600,达到渐变效果追问谢谢
用jquery的animate方法可以设置动画,具体用法可以参考一下手册,这个函数可以实现比较复杂的功能追问谢谢
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
CPU用G1820或G1830,主板想用H81的,但是型号
瓷器落款春月是谁。有个花屏上一首诗后边有春
古代抹胸怎么穿
最近的雾霾是越来越严重了,出行都带口罩,一
护士长期配制抗生素有害吗
悬浮盆栽活的死的
东港公安分局高科园治安办公室治安巡逻接力站
上海建工大厦停车场(出口)(福山路49号附近上
造梦西游ol悟空魂器哪个列害
我是台湾人在大陆中国银行开户,台湾汇超过5
直径50长2500开口钢管的加工
比焓是什么意思啊?
梦是氢气球 向天外飞走 最后 都化作乌有 这句
五乘六分之一加六乘七分之一加七乘八分之一加
纪梵希迪奥哪个大牌
推荐资讯
谁会做水资源论证报告书
那位大神知道(佛性亦善恶,爱恨无情仇)是什
联创空调扇使用方法
停车场(仙游县不动产登记中心西)地址好找么,
伊美美肤宝美容美体会所地址在什么地方,我要
独立声卡录唱吧人声那轨也有伴奏
philips豆浆机 hd2078/03怎么使用
填空:Look!some boy are l_?_ on the beach.
从贺龙坐地铁到长沙华美达广场酒店应该怎么乘
美麟·海韵天城怎么样?好不好?值不值得买?
魔鱼网咖地址在哪,我要去那里办事,
我有三个儿子,第一个:李家豪,第二个李进杰
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?