მთავარი » 2014 თებერვალი 5 » მაღლა ასვლის ღილაკი
13:30 მაღლა ასვლის ღილაკი | |
დასახელება : მაღლა ასვლის ღილაკი ძრავი : უცოზ აღწერა : აქვს როგორც მაღლა ასვლის ფუნქცია ასევე დაბლა ჩამოსვლისაც. დაყენება ძალიან ადვილია. Code <div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src="http://kaspi.ucoz.com/htm/top-bottom/point-up.png" alt="მაღლა" title="მაღლა"></a> <script src="http://kaspi.ucoz.com/htm/top-bottom/table.js" type="text/javascript"></script> <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <img src="http://kaspi.ucoz.com/htm/top-bottom/point-down.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> | |
|
სულ კომენტარები: 0 | |