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

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

WBOY
WBOYoriginal
2016-05-16 16:44:161180parcourir

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 ~~~.
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