마우스 오버시 레이어 보이기 안보이기 > 온라인강의

본문 바로가기
 
 
 
오늘 904
어제 1,165
최대 2,454
전체 3,141,139
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

온라인강좌 홈 > 온라인강좌 > 온라인강좌

JavaScript | 마우스 오버시 레이어 보이기 안보이기 (update. 2016-08-04)

페이지 정보

작성일2014-08-29 01:06 조회4,153회 댓글0건

본문

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


<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 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


목록

Total 120건 1 페이지
온라인강의 목록
번호 제목
120
JavaScript 정보 복사 (write.2016-12-08)  Hit.593
119
118
JavaScript [jQuery] FASHION RESPONSIVE SLIDER (write.2016-10-18)인기글  Hit.1210
117
116
115
114
113
JavaScript url 복사 클립보드 (write.2016-09-09)인기글  Hit.1280
112
JavaScript [모바일] 왼쪽 푸시 메뉴 (write.2016-09-08)인기글  Hit.1217
111
110
JavaScript [jQuery] Mobile 버전 (write.2016-01-21)인기글  Hit.1908
109
108
107
JavaScript [jQuery] 글자수 체크 (write.2014-11-15)인기글  Hit.3351
106
JavaScript [jQuery] tr 이동시키기 (write.2014-09-27)인기글  Hit.6678
105
열람중
103
102
101
JavaScript 소수점 제어하기 (write.2013-07-02)인기글  Hit.7327
100
99
JavaScript 모바일 웹 주소창 숨기기 (write.2013-06-24)인기글  Hit.10054
98
97
96
JavaScript JavaScript Library Cheat Sheet (write.2013-05-24)인기글  Hit.6125
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2017 해피정닷컴. All rights reserved. 부가통신사업신고:서울체신청-1217 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기