как сделать такой хитрый баннер/линк ?

pribl · December 19, 2009

как сделать что бы некая жпгшка, или табличка появлялась справа или слева на определенной высоте от верхнего края браузера и ездила вместе со скролингом страницы вверх и вниз. каким образом можно такое реализовать ?

psywalker · December 19, 2009

как сделать что бы некая жпгшка, или табличка появлялась справа или слева на определенной высоте от верхнего края браузера и ездила вместе со скролингом страницы вверх и вниз. каким образом можно такое реализовать ?

Чтобы она появилась при нажатии на кнопку? Можно заморочиться на JS, так как на CSS всё же это будет как минимум невалидно

youmay · December 19, 2009

как сделать что бы некая жпгшка, или табличка появлялась справа или слева на определенной высоте от верхнего края браузера и ездила вместе со скролингом страницы вверх и вниз. каким образом можно такое реализовать ?

http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/

gesandte · December 19, 2009

если цель - сделать блок всегда видимым, не зависимо от скролинга, то можно просто заюзать позитион: фиксед + з-индекс. Как вариант.

psywalker · December 19, 2009

как сделать что бы некая жпгшка, или табличка появлялась справа или слева на определенной высоте от верхнего края браузера и ездила вместе со скролингом страницы вверх и вниз. каким образом можно такое реализовать ?

Держи дружище, считай это тебе подарок на НГ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gradient</title>
<style type="text/css">
*{ margin: 0; padding: 0;}
	body{background:url('/n.gif') fixed no-repeat;}


	div#banner {
		position: fixed;
		right: 100px;
		top: 100px;
		width: 400px;
		height: 200px;
		background: red;
		display: none;

	}

	input { font: bold 15px Verdana, Geneva, sans-serif; color: #900; display: block; margin-bottom: 20px;}
</style>

<!--[if lte IE 6]>
	<style type="text/css">

		div#banner {
			position: absolute;
			top: expression(document.getElementsByTagName('html')[0].scrollTop+100+'px');
		}


	</style>
<![endif]-->

</head>

<body>
	<input type="button" value="Нажать чтобы ОН появился :)" onclick="banner()" />
	<div id="banner">BANNER</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

<script language="javascript">

function banner(){

	var banner = document.getElementById('banner')

	if(banner.style.display == 'block'){banner.style.display = 'none'}else{banner.style.display = 'block'}

}

</script>

</body>
</html>

pribl · December 21, 2009

это не совсем то. нужно что бы баннер открывался не после нажатия кнопки, а сразу после открытия страницы.

psywalker · December 21, 2009

это не совсем то. нужно что бы баннер открывался не после нажатия кнопки, а сразу после открытия страницы.

Ну так сделай, чтобы он там был заранее тогда, какая разница

Sign In

как сделать такой хитрый баннер/линк ?

Question

pribl

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

youmay

Link to comment

Share on other sites

gesandte

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

pribl

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information