Нежелательные приемы CSS // Вебшкола онлайн

 back-3917095 next-7713808

Здесь я укажу некоторые техники, которые нежелательно использовать.

Behavior в браузере IE 5

Что это? В Internet Explorer 5 была введена технология behavior. Это способ изменения поведения html-элементов, с помощью CSS стилей.

Почему нежелательно использовать? Атрибут behavior поддерживается только браузером Internet Explorer.

Чем заменить? Используйте вместо этой технологии JavaScript или HTML DOM.

Изменения цвета при наведении мыши

В следующем HTML файле содержится элемент , который задает поведение элемента

:

h1 { behavior:url(behave.htc); }

Поводи мышкой надо мной!!!

Содержимое XML документа «behave.htc» показано ниже:

function hig_lite() { element.style.color=’red’; } function low_lite() { element.style.color=’blue’; }

Симулятор печатаемого текста

В этом примере мы рассмотрим эффект текста, который распечатывается прямо при вас. Следующий HTML файл содержит элемент , задающий поведение элемента с id=»typing»:

#typing { behavior:url(behave_typing.htc); font-family:»courier new»; }

IE5 ввел управление поведением элементов.

Это способ, который добавляет функциональность динамического HTML в обычные веб-сраницы с легкостью CSS.

Как работает эта технология?
С помощью XML мы можем обратиться к любому элементу веб-страницы и управлять этим элементом.

XML документ «typing.htc», задающий поведение, содержит следующий код:

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);   } }

Я не стал делать примеры, поскольку не очень уважаю браузеры IE, тем более не собираюсь изучать их стандарты, отличные от стандартов W3C. Думаю, что для вас не составит труда проверить эти примеры самим.

 back-3917095 next-7713808