タイトルの通り、クリックすると入力ボックスが大きくなりますが、主な理由は入力ボックスが大きくなる際に入力ボックスの背景画像をスライド処理する必要があるためです。
jqueryを使用する必要があります、
$('#输入框ID').click(function(){ $("#输入框ID").animate({ width: "200px", height: "50px", fontSize: "18px", borderWidth: "2px" }, 1000 );});//具体数值你根据你自己的要求来
背景画像は同じです
jqueryを使用する必要があります、
JScriptコード
$('#入力ボックスID ').click( function(){ $("#入力ボックスID").animate({
幅: "200px",
高さ: "50px",
fontSize: "18px",
borderWidth: "2px"
}, 1 000 ) });
//特定の値は独自の要件に基づいています...
は正しいです。 。通常、CSS3 はアニメーションをサポートします。 。サポートされていない場合は、JS でのみ記述できます。上記のJSが利用可能です!
var size = 5;
{
width : w+size,
height : h+size
}
}); function() {
$(this).animate(
{
width : w,
height : h }
)
});
クリックして拡大すると、幅はどこで定義されますか?サイズをどれだけ増やすかを定義できます。幅は以前の幅から増加します