마우스 오버시 레이어 보이기 안보이기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

개인정보취급방침 작업 샘플입니다.
마우스를 올리면 창(내용)이 보이고, 다른곳으로 이동하면 창이 닫힙니다.


<script>
function view(opt) {
  if(opt) {
     spec1.style.display = "block";
  }
  else {
     spec1.style.display = "none";
  }
}
</script>
<div style="float:left; width:181px; height:28px; line-height:28px; font-size:0.9em; color:#ffffff; background:#909090; text-align:center;" onmouseover="view(true)" onmouseout="view(false)">
    정보제공사항 자세히보기
</div>
<div id="spec1" style="position:relative; z-index:1; left:0px; top:0px;display:none">
    <div style="position:absolute; width:300px; height:314px; left:360px; top:30px; z-index:1; background:#ffffff; border:1px solid #909090; font-size:0.9em; line-height:1.5em; padding:10px 10px;">
        <div style="">
            <strong>수집하는 개인정보</strong><br>
            회사는 고객상담, 문의 및 불만 해소를 위해 아래와 <br>
            같은 개인정보를 수집합니다. 서비스 신청 등등을 <br>
            위해 아래와 같은 개인정보를 수집하고 있습니다.<br>
            &nbsp;- 수집항목 : 이름 , 전화번호 , 이메일<br>
            &nbsp;- 수집방법 : 홈페이지 온라인상담 게시판을 통해 <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            이용자가 자발적으로 기입
        </div>
        <div style="padding:6px 0;">
            <strong>개인정보의 수집 및 이용목적</strong><br>
            회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.<br>
            &nbsp;- 고객 문의응답, 불만처리 등
        </div>
        <div style="">
            <strong>개인정보의 보유 및 이용기간</strong><br>
            개인정보수집 및 이용목적 달성 이후 즉시 파기를<br>
            원칙으로 합니다.
        </div>
    </div>
</div>


도움받은곳
http://www.webmini.net/javascript/18908