suchen

Heim  >  Artikel  >  Web-Frontend  >  Implementierung von Textfeld-Skalierungs- und Auf- und Abwärtsbewegungsfunktionen basierend auf jQuery_jquery

Implementierung von Textfeld-Skalierungs- und Auf- und Abwärtsbewegungsfunktionen basierend auf jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 16:30:291738Durchsuche

Wenn Sie Ihre Webseite cooler und Ihre Kommentare interaktiver gestalten möchten, lesen Sie diesen Code bitte sorgfältig durch.

jQuery-Code:

Code kopieren Der Code lautet wie folgt:

$(function(){
          var $comment = $('#comment');               $('.bigger').click(function(){
If(!$comment.is(":animated")){
If($comment.height() < 500){
//$comment.height($comment.height() 50);
$comment.animate({height:" =50"},400);                                                                                                               }                                                                                             });
                $('.smaller').click(function(){
If(!$comment.is(":animated")){
If($comment.height() > 50){
//$comment.height($comment.height() - 50);
$comment.animate({height:"-=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-Code:





Code kopieren
Der Code lautet wie folgt:


        
& Lt; span class = "größer" & gt; vergrößern & lt;/span & gt; & Lt; span class = "kleiner" & gt; Reduktion & lt;/span & gt; & Lt; span class = "up" & gt; up & lt;/span & gt;                                                                                                                                                                                                  Down >