WEB TASARIM

SİZE TEK TEK ANLATAYIM DOSTLAR

 blogu seçip Şablon ▶ Html'yi düzenle yolunu izleyin.
Daha sonra Ctrl+F komutu ile aşağıdaki kodu bulun.

</body>

<style>
#roket{
background: url('http://2.bp.blogspot.com/-qG_vxxK5Osc/VMTrH8Rzs0I/AAAAAAAARKM/jyttOeZtA0k/s1600/up.png') 0 0 no-repeat;
height: 130px;
width: 72px;
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
z-indez:1
}
#roket:hover{
background:url(http://2.bp.blogspot.com/-qG_vxxK5Osc/VMTrH8Rzs0I/AAAAAAAARKM/jyttOeZtA0k/s1600/up.png)no-repeat;
background-position: 0 -142px
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#roket").removeAttr("href");$("#roket").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#roket").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#roket").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<a href='#' id='roket'></a>