jQuery click pop

CSS .pop{} .pop .modal_box{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .7; display: none; z-index: 50;} .pop .popup{position: fixed; top: 50%; left: 50%; margin: -300px 0 0 -300px; width: 600px; height: 600px; background: #fff; box-shadow: 1px 3px 7px 0px #666; z-index: 100; display:none;} .pop .popup img{width: 94%; margin:20px 3%;} .pop .popup p{widt..

2021.12.14

jQuery layer popup

JS $(document).ready(function(){ $('.openBtn').on('click', function(e){ e.preventDefault(); $(this).next('.big').fadeIn('slow'); $('.box').show(); }); $('.closeBtn, .box').on('click', function(e){ e.preventDefault(); $('.big').fadeOut('fast'); $('.box').hide(); }); }); HTML 이미지에 대한 내용 닫기 이미지에 대한 내용 닫기

2021.12.14

jQuery tabmenu3

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {border:1px solid #ccc; width:600px;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px;text-align: c..

2021.12.14

jQuery tabmenu2

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333} a{color: #333; text-decoration: none;} .tabs {width:600px; border:1px solid #ccc;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px; text-align: cen..

2021.12.14

jQuery tabmenu1

CSS /* CSS Document */ *{margin:0; padding:0} body{margin: 20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {position:relative; width:600px; border:1px solid #ccc;} .tabs a.tab{position:absolute; display:block; width:84px; text-align:center; font-size: 16px; background: red; color: #..

2021.12.14

웹 개발을 하기 위한 PC 세팅

웹개발을 하기 위해서 PC에 아래 3가지 세팅이 필요하다. 1. 가상서버(버추얼 서버) 설치 - 본인 PC의 특정 폴더를 서버로 만든다. (Arpache 가상서버) 2. 데이터 베이스 설치 (MySQL) 3. php 설치 (사용할 웹 개발 언어) 위 3가지를 합쳐 AMP 이라고 한다 (Arpache, mySQL, php) 3가지를 한번에 설치해주는 XAMPP라는 개발 도구가 있다. XAMPP 다운로드 및 설치 후 언어설정을 위해 UTF-8 세팅을 해줘야 한다. XAMPP 다운로드 및 설치 위 3가지를 한번에 설치해주는 XAMPP 개발도구가 있다. 아래 사이트에서 다운로드 할 수 있다. 무조건 최신 버전을 설치하면 안되고 호스팅 버전에 맞춰 설치해야 한다. XAMPP Windows > 5.6.40 버전 설..

2021.12.13