跳转到主内容
极星编程网:以代码为星,赴技术山海!

jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)_jquery

复制代码代码如下:#img1{width:400px; height:500px;}$(function () {$('#Button1').bind('click', function () {$('img').fadeOut(2000, function () {$('#Button1').val('哎,没了');      //图片的消逝});})$('#Button2').bind('click', function () {$('img').fadeIn(2000, function () {$('#Button2').val('有了');      //图片的呈现});})$('#Button3').bind('click', function () {$('img').fadeTo(2000, 0.3, function () {alert('画动执行终了');       //图片透明度});})$('#Select1').bind('change', function () { //可是以change或者是click事件$('img').fadeTo(1000, $('#Select1 option:selected').val());})}) 1

0.1

0.2

0.3

0.4

0.5

0.6

0.7

0.8

0.9

0

相关文章