MENU
მთავარი » 2014 » ივლისი » 3 » მაღლა ასვლა / დაბლა ჩამოსვლის ღილაკი
1:10 AM
მაღლა ასვლა / დაბლა ჩამოსვლის ღილაკი

დასახელება: მაღლა ასვლა / დაბლა ჩამოსვლის ღილაკი
ავტორი: noza

აღწერა: ეს არისლამაზი და ორიგინალური  მაღლა ასვლის ღილაკი

 

კოდი:

<div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>  
  <img src="http://www.picz.ge/img/s4/1403/3/b/bc7d54bb7cb6.png" alt="მაღლა ასვლა" title="მაღლა ასვლა"></a>  
  <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>  
  <img src="http://www.picz.ge/img/s1/1403/3/f/f67807a10d09.png" alt="დაბლა ჩასვლა" title="დაბლა ჩასვლა">  
  </a></div>  

<script>  
var go_down = jQuery('body');  
jQuery(function() {  
  $("#Go_Top").hide().removeAttr("href");  
  if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")  
  var scrollDiv = $("#Go_Top");  
  $(window).scroll(function() {  
  if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")  
  else $(scrollDiv).fadeIn("slow")  
  });  

  $("#Go_Bottom").hide().removeAttr("href");  
  if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")  
  var scrollDiv_2 = $("#Go_Bottom");  
  $(window).scroll(function() {  
  if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")  
  else $(scrollDiv_2).fadeIn("slow")  
  });  

  $("#Go_Top").click(function() {  
  $("html, body").animate({scrollTop: 0}, "slow")  
  })  
  $("#Go_Bottom").click(function() {  
  $("html, body").animate({scrollTop: go_down.height()}, "slow")  
  })  
});  
</script>
კატეგორია: Ucoz სკრიპტები | ნანახია: 551 | დაამატა: noza | რეიტინგი: 5.0/1
სულ კომენტარები: 0
დაამატე კომენტარი
სახელი *:
Email:
ხელმოწერა:1
კოდი *: