[JQuery小笔记]淡出淡入

xiaoxiao2021-02-28  114

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") }) })
转载请注明原文地址: https://www.6miu.com/read-68853.html

最新回复(0)