опрокидывания в Adobe Dreamweaver CS3

этот учебник предназначен дать пользователю больше контроля и гибкости, с использованием Dreamweaver CS3 Интерфейс для создания образа mouseovers. В нем также будут учить, как присвоить изображение Наведите курсор мыши на цель в другом месте на веб-странице, а затем присвоить ссылке CSS стиль к оригиналу ссылка кнопка.

Часть 2 показывает, как вставлять всплывающее швейцарских франков видеоматериалов в веб-страницу с некоторыми незначительными настроек из встроенного в особенности в Dreamweaver CS3.

Авраам chaffin CreativeCOW.net, Камбрия, Калифорния США © 2007 CreativeCOW.net. Все права защищены.

Часть 2

Фильм 1 Фильм 2 Фильм 3

объект этого руководства состоит в том, чтобы показывать видео при опрокидывании элемент. Мы собираемся начать с создания CSS классы, которые мы будем назначать в заполнителя Div в данном учебнике.

1) в CSS окне нажмите на "новые правила CSS" икона. селектор типа будет "класс", называть имя класса "movinvis", и оно должно быть создано в этом документе лишь.

2) В CSS правила определения окне выбрать "позиционирования", и установить позиции тип абсолютной, видимость на скрытых, и Z-индекс 999. (абсолютное позиционирование делает класс не нажимаем других элементов вокруг него, и выше Z-индекс поставит класса над другими элементами.) нажмите ОК.

3) вновь создать новую CSS правило же, как в шагах 1 и 2 только задать имя класса "movvis" и установить видимость на видимые.

4) включить новый Div, перейдя в меню Вставка расположение объектов Div тег. не установлены какие-либо свойства для Div еще и нажмите OK.

5) Выберите вновь созданный Div и в окне свойств установить Div ID на "movtarget" и класс "movinvis".

Теперь о том, что заполнителя Div настройки получать наши фильмы давайте создадим кнопку, которая будет использоваться для опрокидывания. на этот раз для простоты мы будем использовать только текст.

6) поместите курсор над невидимым Div и типа "фильм 1", выберите текст, и сделать его гиперссылки. поставить "#", как имя файла или URL. (Вы можете повторить этот шаг для настройки для опрокидывания "фильм 2" и "кино 3"

Потом мы вставить фильмы, которые мы хотим возложить на Div использованием опрокидывания ссылки. Затем мы будем назначать их на Div onmouseover нашей ссылки. Наконец мы будем назначать классы onmouseover и onmouseout так Div является лишь видимой, когда в кино на то, что отображается.

7) перейдите в меню Вставка СМИ Flash и выбрать rollover1.швейцарских франков. нажмите ОК.

8) выбрать новые добавить Flash видео и перейдите к меню Вид код. Код выбора между noscript и / NoScript теги и скопировать его в свой буфер обмена будет вставлен позднее.

9) вернуться к разработке мнение, перейдите на мнение дизайн. выбрать Flash видео и удалить его.

10) выберите "фильм 1", и в связи с поведением окне нажмите кнопку (+) добавить поведение кнопки. выбирать набор текста набор текста контейнер. выберите контейнер Div "movtarget" и вставьте скопированный код в новый html поле.

11) убедитесь в том, что поведение был установлен на onmouseover событием для создания этого эффекта. если это не вы можете изменить его, нажав на события onmouseover и выбрать из выпадающего.

12) с "фильм 1" все еще выбранной ссылке (+) добавить еще один поведение называется "изменение собственности". убедитесь, что тип элемента "Div", и элемент идентификатор Div "movtarget". выберите "Enter:"Радио на имущество и введите" класса ". Введите "movvis" на новое значение и нажмите OK. Убедитесь, что такое поведение возлагается на onmouseover события, если он не изменит.

13) Повторите шаг 12 только присвоить новое значение, как "movinvis" и назначить действия на onmouseout события.

14) Повторите шаги 7-13 для "фильм 2" и "кино 3".

Сейчас мы проведем обходное на JavaScript, что с.в. используются для изменения поведения собственности, чтобы они работали в том, как мы используем его для изменения классов.

15) перейти к меню Найти и заменить. найти в "текущий документ", Поиск "исходным кодом", найти "объект.стиль.", заменить слова "цель.", и заменить два экземпляра этого в JavaScript кода.

Вы должны иметь возможность сохранять и прослушать вашу работу сейчас, чтобы узнать, что вы сделали. Этот метод может использоваться в сочетании с позиционированием скрипт для получения швейцарского франка расположена именно там, где вы хотите его. или установки разных divs, где вы хотите конкретных фильмов и целевые мероприятия пойти туда. Существуют другие способы получения этой же эффект, но это немного взломали образом, чтобы она с простыми функциями построен прямо в Dreamweaver CS3.