при Onmouseover да се показва див

[Pussycat]

Здравейте, трябва ми някакво просто js което да прави следното:

имам да кажем 4ри линка.
Когато мине мишката над 1вия линк да се появява div.
Махне ли се мишката от линка, този див да остава.

Когато мишката мине през другия линк да се показва друг див, но на мястото на предходния.

Нещо такова: http://www.technorealm.co.uk/scripts/mouseovershowtext.html

само че искам да се заместват, а не просто да изчезват.

Благодаря ! :?:

 

[emcuemnecu]

Мога да ти го направя, но малко по-различно от това, което си показал (ако искаш)

 

[federer_11]

Хмм, това е много лесно и съм правил най-различни опити и то успешни, ако искаш дай да ти помогна нещо :wink:

 

[devent]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
	<head>
		<meta http-equiv="content-type" content="text/html; windows-1251" />
		<script type="text/javascript">
			function sdiv(divid,text) {
				var divid = document.getElementById(divid);
				divid.innerHTML = text;
			}
		</script>
	</head>
	<body>
		<a href="#" onmouseover="sdiv('id1', 'девентчо')">link1</a> <a href="#" onmouseover="sdiv('id1', 'девентчо2')">link2</a> <a href="#" onmouseover="sdiv('id1', 'девентчо3')">link3</a>
		<div id="id1"></div>
	</body>
</html>

Демо не мога да ти дам в момента, но можеш да го тестваш

 

[emcuemnecu]

Първо си правиш следното:

<ul id="gallery">
        <li><a href="#"><b>ЛИКВАЩА ДУМА</b><br />
          <span class="spacer"> </span><br />
          <span> тук текста  </span></a></li>


  <li><a href="#"><b>ЛИКВАЩА ДУМА 1</b><br />
          <span class="spacer"> </span><br />
          <span> тук текста  </span></a></li>
</ul>

А сега както забеляза, че това е със CSS:

#gallery{
	padding:0; 
	margin:-10px 0 0 0; 
	list-style-type:none; 
	overflow:hidden; 
	width:228px; 
	height:380px; 
	border:4px solid #FFF000;
	border-top:none;
	background-color:#ED145A;
 }
 
#gallery li a{
	display:block; 
	height:30px;
	width:218px; 
	text-decoration:none;
	color:#FFF;
	overflow:hidden;
	padding-left:10px;
}

#gallery li a:hover{
	background-color:#FFF000; 
	height:180px;
	color:#333;
}

#gallery b{
	text-transform:uppercase;
	font:13px "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:600;
	letter-spacing:-1px;
}

#gallery .spacer{
	line-height:10px;
}

#gallery i{
	font-style:normal;
	color:#ED145A;
	font-weight:900;
}

Работи , и ако съм те разбрал напълно, това ти трябва