jQuery Up Button
<!-- Load jQuery -->
<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
<!-- jQuery Up Button -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){$("#back-top").hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>2000){
$('#back-top').fadeIn();}else{$('#back-top').fadeOut();}});$('#back-top a').click(function(){$('body,html').animate({scrollTop:0},800);return false;});});});
//]]></script>
<p id="back-top" style="display: block; border-radius: 15px 15px 15px 15px;
display: block;
height: 108px;
margin-bottom: 7px;
transition: all 1s ease 0s;
width: 108px;"><a href="#top"><span></span> Back to top </a>
</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<!-- Load jQuery -->
<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
<!-- jQuery Up Button -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){$("#back-top").hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>2000){
$('#back-top').fadeIn();}else{$('#back-top').fadeOut();}});$('#back-top a').click(function(){$('body,html').animate({scrollTop:0},800);return false;});});});
//]]></script>
<p id="back-top" style="display: block; border-radius: 15px 15px 15px 15px;
display: block;
height: 108px;
margin-bottom: 7px;
transition: all 1s ease 0s;
width: 108px;"><a href="#top"><span></span> Back to top </a>
</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
<p>fhjdsfhdsfjdsfhjdsfhdsfdsfds</p>
0 comments:
Post a Comment