Вот некоторые технологии, которые вы должны стараться избегать при использовании CSS.
Поведение Internet Explorer
Что это такое? Internet Explorer 5 представляет поведение. Поведения это способ добавить поведения для элементов HTML с использованием стилей CSS.
Почему следует избегать этого? Атрибут поведения поддерживается только Internet Explorer.
Что использовать вместо? Используйте вместо этого JavaScript и HTML DOM.
Пример 1 - Наведите курсор мыши для выделения
Следующий HTML файл имеет элемент <style>, который определяет поведение элемента <h1>:
<html> <head> <meta charset="utf-8"> <style> h1 { behavior:url(tryit/behave.htc); } </style> </head> <body> <h1>Наведите на меня мышку!!!</h1> </body> </html>
XML документ "behave.htc" представлен ниже:
Пример (только IE 5+)
Файл поведения содержит JavaScript и обработчики событий для элементов.<attach for="element" event="onmouseover" handler="hig_lite" />
<attach for="element" event="onmouseout" handler="low_lite" />
<script type="text/javascript">
function hig_lite()
{
element.style.color='red';
}
function low_lite()
{
element.style.color='blue';
}
</script>
Пример 2 - Симуляция пишущей машинки
Следующий HTML файл имеет элемент <style>, который определяет поведение элементов с id равным "typing":
<html>
<head>
<style>
#typing { behavior:url(tryit/behave_typing.htc); font-family:"courier new"; }
</style>
</head>
<body>
<span id="typing" speed="100">IE5 представляет поведение DHTML.
Поведением является способ добавить DHTML функциональность в элементы HTML
с легкостью CSS.<br /><br />
Как работает поведение?<br />
С помощью XML можно привязать поведение для любого элемента в веб-странице и манипулировать этим элементом.</p>
</span>
</body>
</html>
XML документ "typing.htc" представлен ниже:
Пример (только IE 5+)
<attach for="window" event="onload" handler="beginTyping" /> <method name="type" /> <script type="text/javascript"> var i,text1,text2,textLength,t; function beginTyping()
{ i=0; text1=element.innerText; textLength=text1.length; element.innerText=""; text2=""; t=window.setInterval(element.id+".type()",speed); } function type() { text2=text2+text1.substring(i,i+1); element.innerText=text2; i=i+1; if (i==textLength) { clearInterval(t); } } </script>
Была ли эта информация полезной?
