Letakkan di atas </b:skin>
#toTop {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
width: 64px;
height: 64px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOlgR5cRT9fZ-tqSmywULxiYICDbJCV8lNUADCijDWJOXSrJ_6TGYhUHqQyapzXUb2FgtvKbLgHd8xEBVM4bpeMvbcT66QFxMEQVgFUrSPeOxSEBXRj5dh150WbNTJL-0R5qF080yjxoE/s1600/up.png');
background-repeat: no-repeat;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
Letakkan di atas </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
(function(a){a.fn.scrollToTop=function(c){var d={speed:800};c&&a.extend(d,{speed:c});return this.each(function(){var b=a(this);a(window).scroll(function(){100<a(this).scrollTop()?b.fadeIn():b.fadeOut()});b.click(function(b){b.preventDefault();a("body, html").animate({scrollTop:0},d.speed)})})}})(jQuery);
</script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop(1000);
});
</script>
Letakkan di bawah <body>
<a href="#top" id="toTop"></a>
Save
0 komentar:
Posting Komentar