DHTML 및 CSS의 FrontPage를 사용하여 양식 단추에 호버 효과를 만드는 방법

기술 자료 번역 기술 자료 번역
기술 자료: 222949 - 이 문서가 적용되는 제품 보기.
모두 확대 | 모두 축소

요약

FrontPage 2000과 FrontPage 2002는 풍부한 계단식 스타일 시트 (CSS) 및 동적 HTML(DHTML) 제작 다양한 호버 효과 만들 수 있도록 하는 기능이 포함되어 있습니다. 이 문서에서는 사용자가 호버 서식을 DHTML 및 CSS 기능을 사용하여 일반 양식 필드 단추의 단추를 효과를 만들 수 있습니다.

추가 정보

호버 단추 효과에 양식 필드 단추 만들려면 다음과 같이 하십시오.
  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. 다음 코드는 <p>에서 HTML 뷰에서 이동 위해 태그를 사용하여 사용자 <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 - 마지막 검토: 2007년 1월 24일 수요일 - 수정: 1.3
본 문서의 정보는 다음의 제품에 적용됩니다.
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
키워드:?
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtko
기계 번역된 문서
중요: 본 문서는 전문 번역가가 번역한 것이 아니라 Microsoft 기계 번역 소프트웨어로 번역한 것입니다. Microsoft는 번역가가 번역한 문서 및 기계 번역된 문서를 모두 제공하므로 Microsoft 기술 자료에 있는 모든 문서를 한글로 접할 수 있습니다. 그러나 기계 번역 문서가 항상 완벽한 것은 아닙니다. 따라서 기계 번역 문서에는 마치 외국인이 한국어로 말할 때 실수를 하는 것처럼 어휘, 구문 또는 문법에 오류가 있을 수 있습니다. Microsoft는 내용상의 오역 또는 Microsoft 고객이 이러한 오역을 사용함으로써 발생하는 부 정확성, 오류 또는 손해에 대해 책임을 지지 않습니다. Microsoft는 이러한 문제를 해결하기 위해 기계 번역 소프트웨어를 자주 업데이트하고 있습니다.

피드백 보내기

 

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