php边框上移语法,基于jQuery实现文本框缩放以及上下移动功能_jquery

想让你的网页更加的炫酷&＃xff0c;想让你的留言评论更加的具有互动性吗&＃xff0c;那么请仔细研究下本代码吧。

jQuery代码&＃xff1a;

$(function(){

var $comment &＃61; $(&＃39;#comment&＃39;);

$(&＃39;.bigger&＃39;).click(function(){

if(!$comment.is(":animated")){

if($comment.height() <500){

//$comment.height($comment.height() &＃43; 50);

$comment.animate({height:"&＃43;&＃61;50"},400);

}

}

});

$(&＃39;.smaller&＃39;).click(function(){

if(!$comment.is(":animated")){

if($comment.height() > 50){

//$comment.height($comment.height() - 50);

$comment.animate({height:"-&＃61;50"},400);

}

}

});

$(&＃39;.up&＃39;).click(function(){

if(!$comment.is(":animated")){

$comment.animate({scrollTop:"-&＃61;50"},400);

}

});

$(&＃39;.down&＃39;).click(function(){

if(!$comment.is(":animated")){

$comment.animate({scrollTop:"&＃43;&＃61;50"},400);

}

});

});

HTML代码&＃xff1a;

放大

缩小

向上

向下

水电费水电费爽肤水法萨芬沙发放松放松沙发

当爽肤水飞沙发发沙发发发发

水电费水电费爽肤水法萨芬沙发放松放松沙发

当爽肤水飞沙发发沙发发发发

CSS代码&＃xff1a;

.bigger , .down , .up , .smaller{

background-color: #f1a55c;

}

代码奉上&＃xff0c;具体如何使用&＃xff0c;使用在何处&＃xff0c;我就不多说了&＃xff0c;小伙伴们自由发挥吧。

本文原创发布php中文网&＃xff0c;转载请注明出处&＃xff0c;感谢您的尊重&＃xff01;