Здравствуйте, проблема такая - нужно, чтобы блок(div) сначала оставался на месте, потом, когда он становится на верху экрана, он становился fixed(прилипал) к верху страницы.
И если можно дополнительно:
После фиксации становился полупрозрачным, а при наведении становился обычной прозрачности.
Код прозрачности как-то так:
CODE ( javascript):
скопировать код в буфер обмена
$(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#menu').stop().animate({'opacity':'0.2'},400); else $('#menu').stop().animate({'opacity':'1'},400); }); $('#menu').hover( function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#menu').stop().animate({'opacity':'1'},400); } }, function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#menu').stop().animate({'opacity':'0.2'},400); } } ); });
|