0

私は次のようなjqueryコードを持っています:

$(function() {
$('#butt1').click(function(){
    $('#jabe1').css("width", "300px");
    
});
});

クリックした後、0秒ではなく10秒で#jabe1の幅を変更したい
：

$('#jabe1').hide(200);

ゆっくりと隠れ
ていきます

jabe1 css コード:

#banners li {
    float: left;
    height: 411px;
    width: 268px;
    margin: 0px 0px 0px -50px;
    position: relative;
    background: url("../images/banner-shadow.png") no-repeat scroll center bottom transparent;
    padding: 0px;
    font-style: normal;
}
4

2 に答える 2

3

jQuery の を使用してみてくださいanimate()。

Javascript コード

// Shrink the width
$('#jabe1').animate({width: '0px'}, 10000);

// Expand the width
$('#jabe1').animate({width: '300px'}, 10000);
于 2013-06-16T06:40:08.080 に答える
1

アニメーションを使用して大きくする

$("#jabe1").animate({
    width: "150%",
}, 1500 );

幅を現在の幅よりも大きく設定して、拡張します。幅を現在の幅より小さく設定すると、縮小されます。

animate 関数の詳細については、jQuery を参照してくださいanimate()。

于 2013-06-16T06:39:51.250 に答える