Дизайн и Верстка > Всё о Html

class style

(1/3) > >>

Oleg232:
Как сделать, что при определенном действии изменились свойства нескольких стилей (style). Вопрос не в том как действие засечь, а в том, что бы изменить. Спасибо.

puh:
Функцией JavaScript, в которой будут меняться стили. Ее и вызывать при событии.

Fury:
Блин, ну поискал бы что ли по форуму....
Обсуждали ж недавно смену стилей.
Вот хотя бы:
http://forums.webscript.ru/showthread.php?s=&threadid=6976&msgnum=36

Oleg232:
puh

--- Цитировать ---JavaScript, в которой будут меняться стили
--- Конец цитаты ---

Что то я не совсем понял про java... Может можно описать стили так, что бы они были как бы вложенные? Т.е., например стиль S1 подразумевает, что подстили PS1, PS2 и т.д. имеют одни свойства, а стиль S2 подразумевает, что подстили PS1, PS2 имеют другие свойства, отличные от первого варианта. И при необходимости нужно будет с помощью javascript только переключатся между S1 и S2.


Fury

--- Цитировать ---Обсуждали ж недавно смену стилей.
--- Конец цитаты ---

Это не совсем то, что нужно. Во-первых мне нужно менять не , у которого есть всякие автоматические подстили hover, link и т.д., а во-вторых, мне нужно поменять сразу свойства нескольких стилей.

bhor:
Вот пример.
стиль

--- Код: ---
.over        { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #000080; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; border: 2px inset #000080; background-position: 0% 50% }
.down        { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #0000FF; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; font-style: italic; border: 2px outset #0000CC;
               background-position: 0% 50% }
.button      { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #0000FF; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; text-decoration: blink; border: 2px outset #0000FF;
               background-position: 0% 50% }

--- Конец кода ---

кнопка

--- Код: ---


--- Конец кода ---

Навигация

[0] Главная страница сообщений

[#] Следующая страница