목록웹프로그래밍 (61)

Heojju

[jQuery] click에 따른 마우스 휠 on off

body{height:1000px;}스크롤 고정$('body').on({'mousewheel': function(e) { if($('#element')[0].checked == true){ e.preventDefault(); e.stopPropagation(); }else{ return true; } }})
웹개발/jQuery 2017. 2. 7. 11:23
[jQuery] click event scroll

$('#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; }}});?>
웹개발/jQuery 2017. 2. 6. 16:12
[PHP] php 변수를 javascript 에서 사용하기

1. echo() 함수 사용 var value = ""; 2. hidden 속성 사용
웹개발/PHP 2017. 2. 3. 16:57
[CSS][JavaScript][JQuery] 이미지 어두워지는 방법

▤ 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..
웹개발 2017. 2. 2. 14:29
OnePage 간단한 코딩

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..
웹개발 2017. 1. 31. 14:40
[JavaScript] 현재 url 가져오기

실행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..
웹개발/JavaScript 2017. 1. 31. 13:59
[javascript] document selector

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..
웹개발/JavaScript 2017. 1. 25. 10:08
[jQuery] resize() - 브라우저 크기 변환시 호출

▤ $(window).resize 함수 : 브라우저 크기가 달라질때마다 호출되는 함수입니다. $(window).resize(function(){ //스크립트 or 함수 });
웹개발/jQuery 2017. 1. 25. 09:45
[PHP] mb_strimwidth() - 문자열 자르기

▤ mb_strimwidth : 문자열 포함 여부 확인mb_strimwidth( string str, int start, int width [,string trimmarker = "" [, string encoding = mb_internal_encoding()]] )
웹개발/PHP 2017. 1. 24. 10:24
[PHP] array_merge() - 배열 합치기(병합)

▤ array_merge: 배열 합치기(병합)array_merge( array $array1 [, array $array2 [, array $... ]] ) -> 연속적 재인덱스
웹개발/PHP 2017. 1. 17. 16:59
Prev 1 2 3 4 5 6 7 Next