rollover scripts

[crystalline]

здравейте,

интересувам се от скриптове за rollover
кода, който съм сложил сигурно ви е познат - това се използва от dreaweaver, но съм убеден, че има и други варияти за постигане на подобен ефект.
предложете ми някои ? искaше ми се да пробвам няколко различни, а не готовия вариянт.

има ли нещо подобно на CSS ? търся най-оптималното решение =)

<script language="JavaScript" type="text/JavaScript">

</script>

[/quote]

 

[emicha123]

Я опитай така:

<img src="kartinka_1.jpg" onmouseover="this.src='kartinka_2.jpg';" onmouseout="this.src='kartinka_1.jpg';" border="0" alt="">

като
kartinka1.jpg ти е картинката когато мишката не е отгоре, а kartinka2.jpg е тази при посочване, която ще се покаже.
A за hover-a опитай така:
CSS:

div.menu a[href]
{
	display: block; 
	width: 68px; 
	height: 20px;
	color: #2d2c2c;
	background-image: url('kartinka1.jpg');
	text-align: center; 
	text-decoration: none;
	font-weight: bold;
}
div.menu a[href]:hover 
{
	background-image: url('kartinka2.jpg');
}

HTML

<div class="menu">
<a href="page1.html">Page1</a>
<a href="page2.html">Page2</a>
<a href="page3.html">Page3</a>
</div>

Сега го пиша набързо и не тествам, но мисля, че ще работи. Кажи ако има проблем.
А ето ти и preload с CSS:
CSS:

<style type="text/css">
div.preload img
{
display: block;
}
</style>

HTML:

<div class="preload">
<img src="img1_2" alt="">
<img src="img2_2" alt="">
</div>