В представлении «Дизайн» или «Код» документа Dreamweaver выберите элемент, к которому требуется добавить эффект jQuery.
Последнее обновление
10 дек. 2018 г.
Стильные эффекты jQuery помогут вам создавать привлекательные веб-сайты. Интеграция Dreamweaver с jQuery позволяет добавлять на веб-сайты ползунки и другие аналогичные эффекты, не внося изменения в код.
Добавление эффектов jQuery
Выберите команду меню «Окно > Поведение», чтобы открыть панель «Поведение».
Нажмите значок «Плюс», нажмите Эффекты, а затем нажмите нужный эффект.
На экране появится панель настроек с параметрами выбранного эффекта.
Укажите параметры, например целевой элемент, к которому будет применен эффект, а также продолжительность эффекта.
В качестве целевого элемента можно оставить выбранный первоначально. Также можно выбрать другой имеющийся на странице элемент. Например, если необходимо сделать так, чтобы для скрытия элемента B пользователи щелкали элемент A, целевым будет элемент B.
Для добавления нескольких эффектов jQuery повторяйте описанные выше действия.
При выборе нескольких эффектов Dreamweaver применяет их в том порядке, в котором они расположены на панели «Поведение». Чтобы изменить порядок эффектов, используйте клавиши со стрелками, расположенные в верхней части панели.
Dreamweaver автоматически вставит в документ соответствующий код. Например, при выборе эффекта «Растворение» добавляется следующий код.
- Ссылки на внешние файлы для связанных файлов, необходимые для работы эффектов jQuery:
<script src="jQueryAssets/jquery-1.7.2.min.js" type="text/javascript"></script><script src="jQueryAssets/jquery-ui-effects.custom.min.js" type="text/javascript"></script>
- Следующий код добавляется к элементу в теге body:
<li id="earthFrm" onclick="MM_DW_effectAppearFade($('#earthForms'),'show','fade',1000)"> Earth Forms</li>
- Добавляется тег сценария вместе со следующим кодом:
<script type="text/javascript"> function MM_DW_effectAppearFade(obj,method,effect,speed) { obj[method](effect, {}, speed); }</script>
Эффекты jQuery на основе событий
При применении эффекта jQuery по умолчанию он назначается событию onClick. С помощью панели «Поведение» событие, по которому запускается эффект, можно изменить.
Выберите нужный элемент страницы.
На панели «Окно > Поведение» щелкните значок «Показать заданные события».
Щелкните строку заданного эффекта. Первый столбец преобразуется в раскрывающийся список событий, которые можно выбрать для этого эффекта.
Щелкните требуемое событие.
Удаление эффектов jQuery
Выберите нужный элемент страницы.
На панели «Поведение» будет приведен список всех эффектов, которые применены к выбранному элементу страницы.
Нажмите эффект, который хотите удалить, а затем нажмите значок «Удалить».
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
