communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Implémentation de fonctions de mise à l'échelle de la zone de texte et de mouvement de haut en bas basées sur jQuery_jquery

Implémentation de fonctions de mise à l'échelle de la zone de texte et de mouvement de haut en bas basées sur jQuery_jquery

WBOY
Libérer： 2016-05-16 16:30:29
original
1767 Les gens l'ont consulté

Si vous souhaitez rendre votre page Web plus cool et rendre vos commentaires plus interactifs, veuillez étudier attentivement ce code.

Code jQuery :

Copier le code Le code est le suivant :

$(fonction(){
          var $comment = $('#comment');
              $('.bigger').click(function(){
If(!$comment.is(":animated")){
Si($comment.height() < 500){
//$comment.hauteur($comment.hauteur() 50);
$comment.animate({hauteur :" =50"},400 );                                                                                                                 }                                                                                                                   } );
                $('.smaller').click(function(){
If(!$comment.is(":animated")){
Si($comment.height() > 50){
//$comment.height($comment.height() - 50);
$comment.animate({hauteur :"-=50"},400 );                                                                                                                                                                                                                            } );
                $('.up').click(function(){
Si(!$comment.is(":animated")){
$comment.animate({scrollTop:"-=50"},400 );                                                                                                                    } );
                $('.down').click(function(){
If(!$comment.is(":animated")){
                                $comment.animate({scrollTop:" =50"},400);
                                                                                                } );
});



Code HTML :





Copier le code

Le code est le suivant :


        
& Lt; span classe = "plus grand" & gt; zoomer & lt;/span & gt; & Lt; span classe = "plus petit" & gt; réduction & lt;/span & gt; & Lt; classe span = "up" & gt; up & lt;/span & gt;                                                                                                                                                                                                          Down