Создание эффектов при наведении для формы кнопки с помощью CSS и DHTML в программе FrontPage

Переводы статьи Переводы статьи
Код статьи: 222949 - Vizualiza?i produsele pentru care se aplic? acest articol.
Развернуть все | Свернуть все

Аннотация

Microsoft FrontPage 2002 и FrontPage 2000 содержат богатый набор каскадных таблиц стилей (CSS) и динамического HTML (DHTML) создания возможностей, позволяющих создавать различные эффекты при наведении. В данной статье описывается, можно создать меняющуюся кнопку эффекты обычных кнопок полей формы с помощью возможностей CSS и DHTML форматирование.

Дополнительная информация

Чтобы создать меняющуюся кнопку эффекты для кнопки полей формы выполните следующие действия.
  1. Создайте новую, пустую страницу.
  2. На Вставка Выберите пункт Формаи нажмите кнопку Форма.
  3. Чтобы применить по умолчанию"Отправить"кнопку цвета, выполните следующие действия:

    1. Щелкните правой кнопкой мыши Отправить Кнопка и нажмите кнопку Свойства поля формы.
    2. Нажмите кнопку Стиль.
    3. Нажмите кнопку Формат, а затем Граница.
    4. Нажмите кнопку Заливка Вкладка.
    5. Выберите цвет в Цвет переднего плана и Цвет фона списки.
    6. Нажмите кнопку ОК три раза, чтобы вернуться в документ.
  4. Чтобы вставить цвет наведения DHTML, выполните следующие действия:

    1. Нажмите кнопку Отправить Нажатие кнопки.
    2. На Формат меню, нажмите кнопку Эффекты DHTML.
    3. В На список, выберите Поместите указатель мыши на.
    4. В Применение список, выберите Форматирование.
    5. Выберите Выбрать границу в списке справа Применение список.
    6. Нажмите кнопку Заливка Вкладка.
    7. Выберите цвет в Цвет переднего плана и Цвет фона списки.
    8. Нажмите кнопку ОКи закрыть Эффекты DHTML панель инструментов.
  5. Чтобы переместить цвета при наведении на кнопку «Отправить», выполните следующие действия:

    1. Переключитесь в представление HTML.
    2. В представлении HTML, переместить следующий код из <p></p> тэг для для вашего <input> тег:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Примечание: Могут быть различными значения «цвет фона» и «цвет» из тех, показанный в предыдущем коде.
  6. Если необходимо, повторите последние несколько шагов для Сброс Нажатие кнопки.
  7. После завершения предыдущих шагов, HTML-код может напоминать следующий код HTML:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. Сохранить эту страницу на рабочем столе как"HoverTest.htm"и свести к минимуму FrontPage.
  9. Обратите внимание, что FrontPage сохранены следующие два файлы рабочего стола:

    • HoverTest.htm.
    • Animate.js.
    Первый файл — это страница, созданная в предыдущем действия, второй файл — это набор функций DHTML, страницы будут с помощью.
  10. Открыть"HoverTest.htm"в Internet Explorer 4.0 или более поздней версии. Обратите внимание, что при перемещении вашего мышь над каждой кнопки должен появиться изменить цвет

Свойства

Код статьи: 222949 - Последний отзыв: 4 июня 2011 г. - Revision: 4.0
Информация в данной статье относится к следующим продуктам.
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Ключевые слова: 
kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtru
Переведено с помощью машинного перевода
ВНИМАНИЕ! Перевод данной статьи был выполнен не человеком, а с помощью программы машинного перевода, разработанной корпорацией Майкрософт. Корпорация Майкрософт предлагает вам статьи, переведенные как людьми, так и средствами машинного перевода, чтобы у вас была возможность ознакомиться со статьями базы знаний KB на родном языке. Однако машинный перевод не всегда идеален. Он может содержать смысловые, синтаксические и грамматические ошибки, подобно тому как иностранец делает ошибки, пытаясь говорить на вашем языке. Корпорация Майкрософт не несет ответственности за неточности, ошибки и возможный ущерб, причиненный в результате неправильного перевода или его использования. Корпорация Майкрософт также часто обновляет средства машинного перевода.
Эта статья на английском языке:222949

Отправить отзыв

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com