Всплывающий при скроле в шапке блок


Подобное можно сделать в виде рекламной строки на сайте - при прокрутке страницы появляется рекламный блок. Заготовка такая:

HTML:

<div id="ad_stroka">Text</div>

CSS:

#ad_stroka {
    background: none repeat scroll 0 0 #eee;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 5px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
	display:none;
}

jQuery:

jQuery(function(f){
	var element = f('#ad_stroka');
	f(window).scroll(function(){
		element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);          
	});
});

можно еще добавить справа крестик для скрытия и ко всяким там кукам привязать на время, но это уже другая история 🙂