Показать сообщение отдельно
  #28 (permalink)  
Старый 06.08.2012, 23:40
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Cообщения</title>
 
</head>
<body align=center>
 
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
 
<style type="text/css">
#LinkInserTium {
  text-align:center;
  margin:0 auto;
  height:100px;
  width:100px;
  border:1px red solid;
}
#LinkInserTium:hover {
  background-color:#0000CC;
}
 
#LinkInserTium a {
  padding:0 4px;
  background-color:#F7F7F7;
  border:1px red solid;
}
 
#hover {
  display:none;
 
}
</style>
 
<div id=LinkInserTium><br />
        <a href="/sdfsdf/">ПриветБ</a>
 
</div>
<span id=hover>Мышь в DIV</span><span id=out>Мышь ушла с Блока</span>
 
<script type="text/javascript">
$("#LinkInserTium").mouseover(function(){
       var a=$(this).css("background-color")
       document.body.appendChild(document.createTextNode(a+'over|'));
    }).mouseout(function(){
       var a=$(this).css("background-color")
       document.body.appendChild(document.createTextNode(a+'out|'));
    });
</script>

</body>
</html>


Цвет не меняется при данных пертурбациях - так шо он флаг - если цвет тот жа что и при hover - из .mouseout - return false;

Последний раз редактировалось Deff, 06.08.2012 в 23:42.
Ответить с цитированием