Утро доброе народ..у меня возник вопрос..Мне хотелось бы объединить эти три события в одну функцию..никак не понял как это сделать...в работе три функции срабатывает,но хотелось бы чтоб они были в одной...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="" content="">
<link href="all.css" type="text/css" rel="stylesheet">
<title></title>
</head>
<body id="all">
<div id="basis">
<div id="header">
</div>
<div id=""></div>
<div id="right">
<form>
<input type="text" />
<input type="password" />
</form>
</div>
<div id="header">
<div id="menu">
<ul id="sub_menu">
<div id="sub_menu_h"><li><a href="index.html">Главная</a></li></div>
<div id="sub_menu_m"><li><a href="Music.html">Музыка</a></li></div>
<div id="sub_menu_v"><li><a href="Video.html">Видео</a></li></div>
<div id="sub_menu_i"><li><a href="Image.html">Картинки</a></li></div>
</ul>
<script type="text/javascript">
function Sub(event){
event = event || window.event
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true)
var sub_m=document.getElementById('sub_menu_m');
var sub_v=document.getElementById('sub_menu_v');
sub_m.style.display = (sub_m.style.display == "none") ? "block" : "none";
sub_v.style.display = (sub_v.style.display == "none") ? "block" : "none";
}
document.getElementById("sub_menu_h").onclick=Sub;
function Sub2(event){
event = event || window.event
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true)
var sub_m=document.getElementById('sub_menu_m');
sub_m.style.backgroundColor = "white";
}
document.getElementById("sub_menu_m").onmouseover=Sub2;
function Sub3(event){
event = event || window.event
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true)
var sub_m=document.getElementById('sub_menu_m');
sub_m.style.backgroundColor = "";
}
document.getElementById("sub_menu_m").onmouseout=Sub3;
</script>
</div>
</div></div>
</body>
</html>