Si vous souhaitez rendre votre page Web plus cool et rendre vos commentaires plus interactifs, veuillez étudier attentivement ce code.
Code jQuery :
$(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
Code CSS :
Copier le code
Le code est le suivant :
.bigger , .down , .up , .smaller{
couleur d'arrière-plan : #f1a55c ;
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn