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

作者:用户投稿2026-01-11 14:10:03

复制代码代码如下:
<head>

#img1

{

width:400px; height:500px;

}

</style>

$(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());

})

</script>

</head>

<body>

</select>

</body>

sort page 排序和分页的小例子

新闻资讯