この記事の例では、マウス アニメーション効果に基づいて自動的に拡張される入力ボックスの jQuery の実装について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです: <頭> jQuery は、マウスに反応するアニメーション効果で自動的に拡張される入力ボックスを実装します <br> 本体<br> {<br> マージン:0; フォントサイズ:12px;<br> }<br> a:link {<br> カラー:#1553a9; テキスト装飾: なし;<br> }<br> a: 訪問しました {<br> テキスト装飾: なし; 色: #1553a9;<br> }<br> a:ホバー {<br> テキスト装飾: なし; 色: #f46662;<br> }<br> a:アクティブ {<br> テキスト装飾: なし; カラー:#f46662;<br> }<br> #メイン<br> {<br> 幅:500ピクセル; マージン:0 自動; <br> } <p>#デ<br> {<br> 表示: ブロック; 幅: 30 ピクセル; 行の高さ: 30 ピクセル; ボーダー: 左: 5 ピクセル; <br> }<br> #行く<br> {<br> 幅: 30 ピクセル; フロート: 右; 高さ: 22 ピクセル; 境界線: 左: 10 ピクセル; カーソル: ポインター: #FFFFFF;<br> }<br> <スクリプトタイプ="text/javascript"> $(関数(){ $("#de").mouseover(function(){ $("#de").animate({"width":"250px"}); }).mouseout(function(){ $("#de").animate({"width":"100px"}); }); }); →