您好,欢迎访问一九零五行业门户网

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
其它类似信息

推荐信息