Скрипт за hover бутон

jaffy

Registered
Имам проблем с ховър ефекта на джава скрипт.. какъвто и скрипт да слагам не го възприема и това си е.. дефакто не иска да сменя бутона при onmouseOver и на onmouseOut общо взето не бях променял функциите или нещо друго само линка към бутона съм сменял нищо повече.. сайта е правен в фотошоп.. ако сте пробвали някакъв скрипт и сте сигурни ,че работи под IE, FireFox, Opera и т.н. дайте го насам! +1

П.С. Поне тука помогнете , като няма да е в РНР секцията.. :)
 
HEAD тага
Код:
<SCRIPT language="JavaScript">

</SCRIPT>

И ето още..
Ползвам за линка (бутона):

Код:
onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')
 
Един пример, макар и да е от най-добрите:
<html>

<head>

<title></title>
<script type="text/javascript">
function change(){
var myButton = document.getElementById('myButton');
myButton.style.background = '#ffff00';
myButton.style.border = 'solid 1px red';
}
function mmm(){
var myButton = document.getElementById('myButton');
myButton.style.background = '#0000ff';
myButton.style.border = 'solid 1px white';
}
</script>
</head>

<body>
<input type="button" id="myButton" onmouseover="change()" onmouseout="mmm()" />
</body>

</html>
 
Ок.. ето що за нещо сътворих.. поне си мисля ,че така трябва да е..

Код:
<html>
<head><title></title>
<script type="text/javascript">
function change(){
var myButton = document.getElementById('myButton');
myButton.style.background = 'images/web1_13.png';
myButton.style.border = 'solid 1px red';
}
function mmm(){
var myButton = document.getElementById('myButton');
myButton.style.background = 'images/index_13_2.png';
myButton.style.border = 'solid 1px white';
}
</script>
</head>
<body>
			<a href="http://forum.coolc.biz" onmouseover="change()" onmouseout="mmm()">
				<img src="images/index_13_2.png" width="93" height="44" border="0" 

alt=""></a>
</body>
</html>

Но ето че .. пак не става.. възможно е и аз да бъркам някъде
 
<html>
<head><title></title>
<script type="text/javascript">
function change(){
var myButton = document.getElementById('myButton');
myButton.src = 'images/web1_13.png';
}
function mmm(){
var myButton = document.getElementById('myButton');
myButton.src = 'images/index_13_2.png';
}
</script>
</head>
<body>
<a href="http://forum.coolc.biz"><img src="images/index_13_2.png" onmouseover="change()" onmouseout="mmm()" width="93" height="44" border="0" id="myButton" alt=""></a>
</body>
</html>
 

Back
Горе