«Как сделать всплывающее окно?» — этот вопрос часто задают новички в Dreamweaver. Просто найдите веб-сайт, предоставляющий специальные эффекты, или загрузите инструмент для создания специальных эффектов и вставьте код! Это пока непросто. На самом деле, более простой способ — использовать наиболее часто используемый Dreamweaver. Обычное всплывающее окно можно открыть всего за несколько кликов. Не верите? Приходите и посмотрите! Просто выполните следующие шаги, и вы легко сможете создать эффект всплывающего окна.
1. Сначала вызовите панель поведения из меню «Окно->Поведение» или напрямую нажмите сочетание клавиш Shift+F3.
2. Как показано на рисунке, нажмите знак «+» в левом верхнем углу панели поведения, чтобы добавить поведение, и выберите поведение «Открыть окно браузера» во всплывающем меню.
3. После выбора поведения появится диалоговое окно «Открыть окно браузера», как показано на рисунке. Просто заполните соответствующую информацию об окне в диалоговом окне и нажмите «ОК», чтобы завершить настройку всплывающего окна. в
«URL-адрес для отображения»: для адреса веб-страницы, которую вы хотите отобразить в новом окне, вы можете ввести адрес напрямую или нажать кнопку «Обзор», чтобы указать его.
«Ширина окна» и «Высота окна»: ширина и высота нового окна соответственно в пикселях.
«Атрибуты»: это характеристики окна.
«Панель инструментов навигации», «Строка меню», «Панель инструментов местоположения», «Полосы прокрутки по мере необходимости», «Строка состояния», «Ручки изменения размера».
Представляет панель инструментов, строку меню, панель инструментов позиционирования, полосу прокрутки и маркер изменения размера соответственно. Установка галочки напротив соответствующего местоположения означает, что новое окно имеет соответствующие функции.
«Имя окна»: имя целевого окна. Вы можете выбрать любой, а можете указать имя окна в группе фреймов. При создании всплывающего окна просто дайте ему случайное имя.
После выполнения вышеуказанных шагов панель поведения станет такой, что указывает на то, что при загрузке страницы (onLoad) откроется новое окно просмотра.
Фактически, процесс добавления вариантов поведения на панели поведения — это процесс генерации Javascript-кода Dreamweaver. На приведенных выше шагах был сгенерирован следующий код. Комментарии между «< !—» и «-->», выделенные ниже жирным шрифтом, являются комментариями к этой части кода:
<html>
<голова>
<title>Документ без названия</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
< язык сценария="JavaScript" >
< !--
функция MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-- >
</ /script >< ! — открыть окно на основе переданного значения -->
</ / голова >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, Menubar=yes,scrollbars=yes, изменяемый размер = да, ширина = 300, высота = 200 футов)" >
< ! — установите значение каждого атрибута всплывающего окна, передайте значение каждому соответствующему формальному параметру и установите событие запуска onLoad -->
Эффект всплывающего окна
</тело>
</html >
Вы можете понять приведенный выше код следующим образом: когда запускается событие onLoad (то есть, когда изображение или страница завершает загрузку), вызывается метод MM_openBrWindow() и значение
"'yourpage.htm', 'winname', 'панель инструментов = да, местоположение = да, статус = да, панель меню = да, полосы прокрутки = да, изменяемый размер = да, ширина = 300, высота = 200'"
(Здесь они называются фактическими параметрами). Передайте соответствующие формальные параметры — «theURL, winName, Features» для использования в window.open(). Обратите внимание, что все три параметра должны быть заключены в одинарные кавычки. Среди этих кодексов наиболее критическим предложением является:
"window.open(theURL,winName,features)"
Это означает, что в окне с именем winName откройте страницу по URL-адресу в соответствии с характеристиками, указанными в функциях.
Поняв смысл кода, мы можем знать, что код можно написать прямо так: добавьте в <body>
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, полосы прокрутки=yes,resizable=yes,width=300,height=200' )"
Одно предложение. Этот способ написания ничем не отличается от эффекта автоматической генерации кода Dreamweaver.
Мы уже знаем значение трех параметров в window.open(): первый — это адрес отображаемой страницы, второй — имя целевого окна, а третий — описание характеристик внешнего вида окна. окно. Я не буду вдаваться в подробности о первом и втором параметрах, поговорим о третьем параметре. Для третьего параметра мы можем написать
"'панель инструментов = нет, местоположение = нет, каталоги = нет, статус = нет, меню = нет, полосы прокрутки = нет, изменяемый размер = нет, ширина = 300, высота = 200, влево = 100, сверху = 100'"
Здесь панель инструментов представляет собой панель инструментов, местоположение представляет собой адресную строку, каталоги представляют собой панель навигации, статус представляет собой строку состояния, строка меню представляет собой строку меню, полосы прокрутки представляют собой полосу прокрутки, изменяемый размер представляет собой маркер изменения размера, а ширина и высота представляют собой ширина и высота окна соответственно слева и сверху обозначают позицию, в которой окно появляется.
Значения панели инструментов, местоположения, каталогов, статуса, строки меню, полос прокрутки и изменения размера могут быть установлены на да, нет, 1 или 0. Да (1) означает, что новое окно имеет эту функцию, и нет (0). нет. Значения ширины, высоты, слева и сверху должны быть заполнены цифрами, а единица измерения — пиксели.
Сказав так много, вы понимаете? Разве не легко добавлять варианты поведения и создавать всплывающие окна в Dreamweaver? Не сложно ли написать код вручную? Если вы еще немного попрактикуетесь, то за короткий промежуток времени вы почувствуете: оказывается, создавать всплывающие окна так просто!