[JQuery小笔记]淡出淡入

来源：互联网发布：手机号码免费定位软件编辑：程序博客网时间：2024/06/11 09:30

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")                        })                  })

阅读全文

0 0