onmouseover

[The_Killer]

<li onmouseover=\"this.style.backgroundColor='#5686c6';\"

onmouseout=\"this.style.backgroundColor='#1e1e1e';\">

Значи по този начин сменям бекграунда когато мишката е отгоре, а как ще стане да се сменя едновременно цвета на бекграунда и цвета на текста ?

 

[emagi]

Ето ти един примеен DIV, който в началто има за background цвят - жълто и за цвят на теста - черен.След като отидеш върху него става background-a червен, с цвят на текста ш бял.
Всичко това е както ти искаш - ЕДНОВРЕМЕННО!
Това ми хрумна сега, не претендирам че е най-доброто!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
function changeColor(){
var div = document.getElementById('back');
div.style.backgroundColor = 'red';
div.style.color='white';
}
</script>
<style type="text/css">
#back {
background:#ffff00;
}
</style>
 </HEAD>

 <BODY>
 <div id="back">saergwerg</div>
  <a href="#" onmouseover="changeColor();">Тук</а>
 </BODY>
</HTML

 

[The_Killer]

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

 

[emagi]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
function changeColor(){
var div = document.getElementById('back');
div.style.backgroundColor = '#5686c6';
div.style.color='yellow';
}
function returnColor(){
var div = document.getElementById('back');
div.style.backgroundColor = '#1e1e1e';
div.style.color='red';
}
</script>
<style type="text/css">
#back {
background:#ffff00;
}
</style>
 </HEAD>

 <BODY>
 <div id="back">saergwerg</div>
  <a href="#" onmouseover="changeColor();" onmouseout="returnColor();">Тук</а>
 </BODY>
</HTML>