Maison > interface Web > js tutoriel > le corps du texte

page Web jquery retour au premier effet (fondu d'icône, écriture automatique)_jquery

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

Eh bien, venons-en aux exigences de développement. Lorsque la page Web a beaucoup de contenu, les utilisateurs doivent avoir un bouton pour revenir rapidement en haut, au lieu de faire tourner la roue eux-mêmes ~

Au départ, je pensais que ce serait le cas. difficile à dire, car ce qui précède nécessite que tout soit utilisé js pour implémenter, quelle page est référencée et quelle page est affichée.

Alors, j'ai essayé de l'écrire, hein, j'ai pas trouvé, c'est assez facile à dire~~

Je vais péter dès que je peux, va directement sur le code, y'a plein de pets Ça devient de la merde~~ Bon, péché, Amitabha, Amen~~

Copier le code Le code est la suivante :

//Retour en haut js 
$(function(){
var $btn_top = $('');
$btn_top.css({
'affichage':'aucun',
'largeur':'40px',
'hauteur':'40px',
'position':'fixe',
'droite':' 20px',
'bottom' :'100px',
'z-index':'999'
});
$("body").append($btn_top); >$("body").on ("click","#scrollTopBtn",function(){
$("html,body").animate({scrollTop: 0},"slow");
});
var $ btn = $("#scrollTopBtn");
if($(window).scrollTop() > 100){
$btn.fadeIn(600); >}
$(window) .scroll(function(){
if($(window).scrollTop() > 100){
$btn.fadeIn(600);
}else {
$btn.fadeOut( 600);
}
});


Trouvez simplement l'image vous-même. /web/images/" scrollTop.png”
Changez simplement la taille directement sur les cinquième et sixième lignes, évitant ainsi d'avoir à ajouter des balises cat à la page~~(>^ω^<) Meow~~~

Enregistrez-le en tant que fichier js et citez-le directement partout où cela fait mal. Qui sait qui l'utilise ~~~.
É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!