목록전체 글 (61)

단비의 코딩 공부 blog

[jQuery] 플러그인 없이 slide만들기

html 제목View 내용 내용 사용 색상 : 제목 View 내용 내용 사용 색상 : 제목View 내용 내용 사용 색상 : 이전 다음 css .port{max-width: 1200px; margin: 0 auto; margin-top: 8%; padding: 0 50px;} .port .slides{position: relative; width:100%; height: 100vh; margin:0 auto; margin-top:40px; opacity: 0; transform: translateY(60px);} .port .slides.on{transform: translateY(0); opacity:1; transition:all .7s .2s} .port .slides>.slides-container..
javascript&jquery 2022. 10. 12. 14:19
[jQuery] css 변경하기 (추가, 수정, 삭제)

css의 style 속성을 jQuery를 사용하여 변경하려면 css() 메서드를 사용하고 css를 추가 하려면 addClass(), 제거하려면 removeClass() 메서드를 사용한다. 1. jQuery에서 css 속성을 사용하려면 하나의 속성의 경우 $('요소').css('프로퍼티','값'); 예제 - $('#wrap').css('color','blue'); 여러 속성의 경우 $('요소').css('프로퍼티':'값','프로퍼티':'값'); 예제 - $('#wrap').css('color':'blue','font-size':'20px'); 2. html요소에 css를 추가, 삭제하려면 요소에 class추가하는 경우 $('요소').addClass('class명'); 예제 - $('#wrap').addCl..
javascript&jquery 2022. 10. 12. 14:09
[javascript] 플러그인 없이 blick 팝업 만들기

플러그인 없이 순수 script로 시간 차 팝업 띄우기 html 지금 61세 양**님이 신청했습니다. css .blinkPopup {position:fixed; left:10%; bottom:10px; width:80%; transform:scale(0); opacity:0; transition:all 0s; z-index:1} .blinkPopup.on { transform:scale(1); opacity:1; transition:all 0.3s;} .blinkPopup .blinkInner {width:100%; max-width:640px; margin:0 auto; position:relative; background: #ff0059; border-radius:10px; padding:10px 0..
javascript&jquery 2022. 10. 5. 09:45
프론트엔드-개발자라면 반드시 알아두어야 할 32가지의 UI 요소

https://velog.io/@oneook/프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역
design 2022. 9. 29. 14:18
CSS 우선 적용 순서

1. html - 속성값 뒤에 !important; 가 붙어있는 속성 2. html - 스타일을 직접 지정한 속성 3. css - 선택자에 #id가 쓰인 속성 4. css - class, attribute(input[type=""]등), pseudo-class(:hover, :active 등)로 지정한 속성 5. 태그 이름으로 지정한 속성 6. 부모영역에 의해 상속된 속성 *같은 우선 순위에 있는 경우에는 설정된 css 개수가 많은 경우가 우선시되고 모든 설정이 같은 경우 제일 나중에 선언한것이 우선되어 적용된다. 우선 순위를 무시하고 적용시킬경우 !important를 사용하지만 스타일 시트 흐름을 방해할 수 있기때문에 되도록 쓰지 않는 것이 좋다.
css 2022. 9. 29. 14:13
[javascript] IP 차단하기

우선 차단 할 IP를 알 수 있는 getip.asp를 가지고 온다. (경로 확인) 1. if(ip() === "차단 할 IP"){ alert("차단된 IP입니다!"); return false; } 위의 경우 페이지에는 변환이 없고 alert창만 뜨게 하면서 해당 IP를 차단한다. 2. var CurrentIp = ip(); var arrUserIP = ['']; // 차단할 아이피 입력 var arrUserIP2 = ['']; // 차단할 아이피 입력 if (CurrentIp == arrUserIP || CurrentIp == arrUserIP2) { // 차단할 아이피 접속 시 보여줄 메시지 alert("차단된 IP입니다.") // 다른 곳으로 보낼 URL주소 입력 window.location.repl..
javascript&jquery 2022. 9. 29. 12:52
이전 Prev 1 ··· 7 8 9 10 11 Next 다음