jQuery_jqueryをベースにしたテキストボックスの拡大縮小と上下移動機能の実装

ウェブページをよりクールにし、コメントをよりインタラクティブにしたい場合は、このコードを注意深く研究してください。

jQuery コード:

コードをコピーします コードは次のとおりです:

$(関数(){
var $comment = $('#comment'); $('.bigger').click(function(){
If(!$comment.is(":animated")){
If($comment.height() //$comment.height($comment.height() 50); $comment.animate({高さ:" =50"},400); }                                                                                                       }); $('.smaller').click(function(){
If(!$comment.is(":animated")){
If($comment.height() > 50){
//$comment.height($comment.height() - 50); $comment.animate({身長:"-=50"},400);                                                                                                                                                                                                             }); $('.up').click(function(){
If(!$comment.is(":animated")){
$comment.animate({scrollTop:"-=50"},400);                                                                                                       }); $('.down').click(function(){
If(!$comment.is(":animated")){
$comment.animate({scrollTop:" =50"},400);                                                                                     }); });



HTML コード:





コードをコピー


コードは次のとおりです:

& Lt; スパン クラス = "大きい" & gt; / スパン & gt; & Lt; スパン クラス = "小さい" & gt;/スパン & gt; & Lt; スパンクラス = "アップ" & gt;/スパン & gt; ＆lt; span class = "down"; down＆lt;/span＆gt;                                                                                                                                                                              
水力発電コスト ハイドロパワートナー Fa Safinsha 分散型リラクゼーションソファ
トナーが飛んでいるときソファヘアソファヘア
水力発電コスト ハイドロパワートナー Fa Safinsha 分散型リラクゼーションソファ
トナーが飛んでいるときソファヘアソファヘア
                                                                                                                                                                               

CSS コード:





コードをコピーします

コードは次のとおりです:

.bigger 、 .down 、 .up 、 .smaller{

背景色: #f1a55c; } コードの使用方法と使用場所についてはここでは説明しません。ご自由にお使いください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。