Показать сообщение отдельно

  #10  
Старый 18.04.2008, 23:06
astrologer
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
Провел на форуме:
3069349

Репутация: 808


По умолчанию

Пример:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
<html>
<head>
<title>Пример.</title>

<style type="text/css">

#dummy
{
  border: #AAA solid 1px;
  background: #EEE;
  width: 200px;
  height: 150px;
}

</style>

<script type="text/javascript">

var colors = ['#7E7', '#ADF', '#FA0', '#AAF', '#EEE'];

function addEvent(o, e, f)
{
  if(o.addEventListener)
  {
    o.addEventListener(e, f, false);
  }
  else if(o.attachEvent)
  {
    o.attachEvent('on' + e, f);
  }
};

addEvent(window, 'load', function()
{
  var node = document.getElementById('dummy');

  /*
    В Mozilla ссылка на объект event передаётся параметром в функцию-обработчик.
    В IE существует глобальный объект window.event
    Opera великодушно поддерживает и то, и другое.
  */

  addEvent(node, 'mouseover', function(e)
  {
    // если "e" не определено - используем window.event:
 
    e = e || window.event;

    // Аналогично:
    var t = e.target || e.srcElement;

    // Делаем что-нибудь:
    colors.push(t.style.backgroundColor = colors.shift());
  });
});

</script>

</head>
<body>

<div id="dummy"></div>

</body>
</html>
 
Ответить с цитированием