Maison  >  Article  >  interface Web  >  Utilisez jQuery pour implémenter le retour à top_jquery

Utilisez jQuery pour implémenter le retour à top_jquery

WBOY
WBOYoriginal
2016-05-16 16:18:051264parcourir

Utilisation de jQuery pour implémenter. Photos utilisées :

1. Essayez de faire défiler cette page vers le bas et le bouton go2top apparaîtra.
2. go2top-inner n'est pas encore utilisé.
Définition HTML&JS :

Copier le code Le code est le suivant :



Définition CSS

Copier le code Le code est le suivant :

.go2top {
background: url("http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png") défilement sans répétition en haut à gauche transparent ;
En bas : 65 px ;
Couleur : #444444;
Affichage : aucun ;
Hauteur : 50 px ;
Marge gauche : 510 px ;
poste : fixe ;
À droite : 160 px ;
Alignement du texte : centre ;
Largeur : 50 px ;
>
.go2top : survolez {
Position de l'arrière-plan : -50px en haut ;
>

Essayez-le et voyez si vous pouvez revenir au sommet. C'est une fonction très pratique et j'espère que vous l'aimerez.

Déclaration:
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