您的位置：首页 > Web前端 > JQuery

[JQuery小笔记]淡出淡入

2017-08-07 00:16 387 查看

fadeOut()+fadeIn() =fadeoggle()

fadeTo(speed,opacity,callback)

例子：点击透明度为0.5，再次点击为1，不断重复

$(function(){
var flag =0;
$("#at2").click(function(){
$("#no2").toggle(1000);  //折叠
if(flag ==0 ){
flag=1
$("#box1").fadeTo(2000,0.5);  //淡出淡入
}
else if(flag ==1){
flag=0;
$("#box1").fadeTo(2000,1);
}
})
})

$(function(){
var flag =0;
$("#at2").click(function(){
$("#no2").toggle(1000,function(){
$("#at2").text("look at me")
}).fadeTo(2000,0.5);  //折叠

if(flag ==0 ){
flag=1
$("#box1").fadeTo(2000,0.5);  //淡出淡入
}
else if(flag ==1){
flag=0;
$("#box1").fadeTo(2000,1);
}
})
$("#at3").click(function(){
//                            $("#box2").slideToggle(1000);
$("#box2").animate({
opacity:'0.5',
height:'toggle',
width:'toggle',
marginLeft:'50px'});
$("#box3").addClass("show1")
})

})

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航