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

Utilisez jQuery pour implémenter le retour à top_jquery

WBOY
Libérer: 2016-05-16 16:18:05
original
1353 Les gens l'ont consulté

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.

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal