UP and DOWN ღილაკი თქვენი საიტისთვის 2025-07-04 |
დასახელება: 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> |
სულ კომენტარები: 5 | |