Полезные вещи. на javascript

Для себя разные полезные скрипты которые гдето использовал.


$(document).ready(function(){
  
// Вывод правого меню при скролле
 $(".right_menu").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('.right_menu').fadeIn();
			} else {
				$('.right_menu').fadeOut();
			}
		});
        })
//Если большое изображение при прокрутке икрана сначало обычное потом фиксирование с двигом вниз.
 $(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 800) {
				$('body').css({'background-attachment':'fixed'});
                                $('body').css({'background-position':'bottom'});
			} else {
				$('body').css({'background-attachment':'scroll'});
                                $('body').css({'background-position':'top'});
			}
		});
        })       
// при наведение высвечиваеться правое меню полностью  
     $(".r_but").hover(
      function () {
        $(this).css({'right':'0px'});
       
      },
      function () {
        $(this).css({'right':'-285px'});
        
      }
    );
 



// Функция для определения размера блока, после чего другой блок делает эту высоту.
 function windowSize(){


   var h_r = $(".left_c").height();
   
   $(".left_top").css({"height":h_r})
   var w_r= $(window).width();
   if ($(window).width()>'974') {
       var raz = (w_r - 974)/2 + 1;
       var raz2 = parseInt(raz);
       $(".left_top").css({"width":raz2})
   }
   
   
   
   
   
}
 
 $(window).on('load resize',windowSize)
 
 
 
});


Пример был для использование для progress bara.


$(document).ready(function() {
       
    var all_c=[[+total_items_close]]/[[+total_items]] * 100;
   
   
all_c =  Math.floor(all_c);  // округление



$("#all_c").css({"width":all_c+'%'}); // добавление

         
    });

Эфекты при наведение

$(document).ready(function(){
          
      $( "#cat_left_menu" ).hover(
  function() {
    $( "#left_cat").css({"display":"block"});
  }, function() {
    $("#left_cat" ).css({"display":"none"});
  }
);      

$( "#left_cat" ).hover(
  function() {
    $( this).css({"display":"block"});
  }, function() {
    $(this ).css({"display":"none"});
  }
);     


            
});

Отправить комментарий