Показать сообщение отдельно
  #2 (permalink)  
Старый 16.10.2010, 12:12
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Я так понял вам нужно что-то типа этого?:

<div id="text">text</div>
<div id="info"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" /></div>

<style type="text/css">
#text, #info {background: #DD2900;color: #FFF;text-align: center;width: 336px;height: 20px;}
#info {cursor: pointer; display: none;}
</style>

<script type="text/javascript">
window.onload = function(){
    var text = document.getElementById('text');
    var info = document.getElementById('info');

    text.onmouseover = function(){
         info.style.display = 'block';
    };

    info.onmouseout = function(){
         this.style.display = 'none';
    };
};
</script>

Последний раз редактировалось monolithed, 16.10.2010 в 12:18.
Ответить с цитированием