Ugrás az oldal tetejére gomb az oldaladra

2012.08.07 18:06
 
Telepítési lépések:
 

1. Keresd ki az oldalad kódjából a </body> elemet, majd közvetlenül elé másold be az alábbi kódot:

<style type="text/css"> #MD-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;} </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() {     $.fn.scrollToTop = function() {     $(this).hide().removeAttr("href");     if ($(window).scrollTop() != "0") {         $(this).fadeIn("slow")     }     var scrollDiv = $(this);     $(window).scroll(function() {         if ($(window).scrollTop() == "0") {         $(scrollDiv).fadeOut("slow")         } else {         $(scrollDiv).fadeIn("slow")         }     });     $(this).click(function() {         $("html, body").animate({         scrollTop: 0         }, "slow")     })     } }); $(function() {     $("#MD-StoTop").scrollToTop(); }); </script> <a href='#' id='MD-StoTop' style='display:none;'>Ugrás az oldal tetejére</a>

2. Mentsd el a sablont!