Форум Сайтостроение Веб-строительство

Выезжающая сверху полоска

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
1081

Сабж. Есть полоска на сайте 100%*50px. Надо, чтобы она выезжала сверху через 3 секунды после того, как сайт загрузился.

Полоска имеет position:fixed; т.е. остается всегда сверху окна браузера.

Подскажите, как реализовать?

Заранее, всем спасибо!

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
reznikds
На сайте с 05.03.2011
Offline
52
reznikds
#1

Может дать полоске дисплей ноне, потом сделать таймер на жс, отсчитать 3 сек и пусть он дает этой полоске дисплей блок....как вариант..имхо

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#2

Не, надо чтобы плавно выезжало, эффект движения...

maggotinaff
На сайте с 13.09.2012
Offline
10
maggotinaff
#3

на jQuery примерно так http://jsfiddle.net/bEvNP/7/

стабильный доход (http://fx-trend.com/landing/pamm1?agent=502515) уже 2+ года
Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#4
на jQuery примерно так http://jsfiddle.net/bEvNP/7/

Спасибо. Этот код вставить <script></script> ? Или подключить сначала jQuery ?

Не напомните по шагам как подключить? А то я что то вообще позабывал(

reznikds
На сайте с 05.03.2011
Offline
52
reznikds
#5

Вот так жквери подключаете

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

Потом с помощью <script></script> вставляете.

maggotinaff
На сайте с 13.09.2012
Offline
10
maggotinaff
#6

Если не подключена jQuery, то вот подключение и вызов скрипта, просто добавить в секцию <head></head>: 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

	jQuery.noConflict();

	jQuery(window).load(function(){

		setTimeout(function(){

			jQuery('.fixed-panel').animate({top:0}, 500);

		},3000)

	})

</script>
Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#7

Все большущее спасибо!

reznikds
На сайте с 05.03.2011
Offline
52
reznikds
#8
Rock'n'rolla:
Все большущее спасибо!

Кст лучше подключайте последнюю версию жс...(я как раз на нее кинул линк)

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#9

А как сделать, чтобы она выезжала и прикреплялась ни к верху, а к низу? Т.е. выезжала сверху через всю страницу и прикреплялась к низу.

Jor
На сайте с 23.06.2012
Offline
42
Jor
#10
Rock'n'rolla:
А как сделать, чтобы она выезжала и прикреплялась ни к верху, а к низу? Т.е. выезжала сверху через всю страницу и прикреплялась к низу.


.fixed-panel{
	position:fixed;
	bottom:100%;
	left:0;
	height:50px;
	width:100%;
	background:green;
}


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	jQuery.noConflict();
	jQuery(window).load(function(){
		setTimeout(function(){
			jQuery('.fixed-panel').animate({bottom:0}, 1000);
		},3000)
	})
</script>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий