შესვლა

დასახელება: UP and DOWN ღილაკი თქვენი საიტისთვის
ავტორი: lazara

აღწერა: ეს არის კიდევ ერთი ლამაზი მაღლა ასვლისა და დაბლა ჩამოსვლის ღილაკი.

Code
<div style="display:none;" class="web-seo_van" id="nav_up"><img alt="gelesson.net" width="32" height="32" src="http://www.picz.ge/img/s4/1312/8/d/d938eaa230d6.png" ></div>  
<div style="display:none;" class="web-seo_down" id="nav_down"><img alt="gelesson.net" width="32" height="32" src="http://www.picz.ge/img/s2/1312/8/9/9f370aa7c67c.png" ></div>  
<script> $(function() {var $elem = $('body');  
$('#nav_up').fadeIn('slow');  
$('#nav_down').fadeIn('slow'); $(window).bind('scrollstart', function(){  
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'}); }); $(window).bind('scrollstop', function(){  
$('#nav_up,#nav_down').stop().animate({'opacity':'1'}); });  
$('#nav_down').click( function (e) { $('html, body').animate({scrollTop: $elem.height()}, 800); } );  
$('#nav_up').click( function (e) { $('html, body').animate({scrollTop: '0px'}, 800); }  
);  
});  
</script>
<style>.web-seo_van{padding:2px;position:fixed;width:32px;height:32px;bottom:20px;opacity:0.7;right:30px;cursor: pointer;}  
.web-seo_down{padding:2px;position:fixed;width:32px;height:32px;bottom:20px;opacity:0.7; right:66px;cursor: pointer;}</style>





761
ავტორი: lazara კატეგორია: სკრიფტები
სულ კომენტარები: 5