일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 웹프로그래밍
- attr
- input
- 세션사용법
- strpos
- ucfirst
- parent of iframe
- 문자열포함여부
- mb_strimwidth
- Meta Tag
- php
- SubString
- accept
- mysql
- HTML
- 시간계산
- 쿠키
- Selector
- CSS
- strtotime
- indexOf
- Javascript
- JQuery
- 세션
- 이전주소
- date포맷
- File
- element추가
- date
- disabled
- Today
- Total
목록전체보기 (77)
Heojju
▤ setTimeout(function(){실행코드},시간); setTimeout(function(){ alert("test"); //실행할 코드 }, 300); //시간조절. 1초 = 1000
Toggle navigation Bootstrap Example Home About Contact BOOTSTRAP PARALLAX Parallax scrolling is a web site trend where the background content is moved at a different speed than the foreground content while scrolling. Nascetur per nec posuere turpis, lectus nec libero turpis nunc at, sed posuere mollis ullamcorper libero ante lectus, blandit pellentesque a, magna turpis est sapien duis blandit di..
선택 a b 선택 1 2 선택 ㄱ ㄴ $("#first").change(function(){ if(this.value!=""){ $("#second").removeAttr("disabled"); }else{ $("#second").attr("disabled", "disabled"); $("#third").attr("disabled", "disabled"); }});$("#second").change(function(){ if(this.value!=""){ $("#third").removeAttr("disabled"); }else{ $("#third").attr("disabled", "disabled"); }});
body{height:1000px;}스크롤 고정$('body').on({'mousewheel': function(e) { if($('#element')[0].checked == true){ e.preventDefault(); e.stopPropagation(); }else{ return true; } }})
$('#card_1').click(function(){ $('#detail_1').toggle();});$('body').on({'mousewheel': function(e) { if($('#detail_1').css('display') == "block"){ e.preventDefault(); e.stopPropagation(); }else{ return true; }}});?>
1. echo() 함수 사용 var value = ""; 2. hidden 속성 사용
▤ CSS div.imgBackground{background:black;} img.center-block:hover {opacity:0.3;} ▤ Javascript div.imgBackground{background:black;} document.getElementById('img1').onmouseover = function(){ this.style.opacity = "0.3"; } document.getElementById('img1').onmouseout = function(){ this.style.opacity = "1"; } ▤ jQuery div.imgBackground{background:black;} $('#img1').mouseover(function(){ $(this).css('op..
OnePage .page{height:100vh;} 1page 2page 3page 4page 1page 2page 3page 4page function stopWheel(e){ if(!e){ e = window.event; } /* IE7, IE8, Chrome, Safari */ if(e.preventDefault) { e.preventDefault(); } /* Chrome, Safari, Firefox */ e.returnValue = false; /* IE7, IE8 */ } $("#1page").on('mousewheel DOMMouseScroll', function(e){ stopWheel(); var E = e.originalEvent; delta = 0; if (E.detail) { de..
실행url - http://localhost:8088/login/login.do?key=value -javascript-location.href -> http://localhost:8088/login/login.do?key=valuelocation.protocol -> http: location.host -> localhost:8088 location.pathname -> /login/login.do location.search -> ?key=value -jquery-jQuery(location).attr('href') -> http://localhost:8088/login/login.do?key=value jQuery(location).attr('protocol') -> http: jQuery(loca..
selector 설명 document.getElementById [id] var elem = document.getElementById("abc");elem.style.color="red"; document.getElementsByName [name] var xyz= document.getElementsByName("abc");xyz[0].style.color="red"; document.getElementsByClassName [class] var list = document.getElementsByClassName("abc");list[0].style.color = "red"; document.getElementsBytagName [tag] var list = document.getElementsBy..