onmouseout событие
задумался над событием onmouseout
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">function pam(){
alert("Pam Pam Lai LAi LaiLai");
}</script>
<style type="text/css">
.sublink {
background-color: red
}
</style>
</head>
<body>
<div class="main" onmouseout="pam()">
Foo
<div class="sublink">Bar</div>
Foo
<div class="sublink">Bar</div>
</div>
</body>
</html>
если идем мышкой сверху-вниз, то сначала происходит заход на родительский див, затем при переходе с него на дочерний срабатывает mouseout родительского, затем заходим на дочерний див, при выходе с него происходит mouseout дочернего->вслытие и =>mouseout родительского дива =>вызов ф-ции опять, и.т.д и.т.п.? |
Shaci, но темнеменее Ховер отрабатывает нормально... :D
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.sublink {
background-color: red;
}
.main {
margin: 20px;
padding: 20px;
border: 1px solid;
}
.main:hover {
background-color: blue;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="main">
Foo
<div class="sublink">Bar</div>
Foo
<div class="sublink">Bar</div>
</div>
</body>
</html>
|
угу, вообщем либо hoverом пользоваться, либо relatedTarget, fromElement/toElement юзать
|
| Часовой пояс GMT +3, время: 21:06. |