
18.04.2008, 23:06
|
|
Постоянный
Регистрация: 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>
|
|
|