목록전체보기 (61)

단비의 코딩 공부 blog

[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
[javascript] 팝업 레이어 (24시간 동안 보지 않기 기능)

HTML 24시간 동안 다시 열람하지 않습니다. 닫기 css #popup_0 {z-index: 1000; position: relative; width: 600px; height: 0; top: 118px; left: 0;} .popup1 { position: absolute; border: 1px solid #e9e9e9;background: #fff;} .close1 {padding: 10px 0;background: #000; color: #fff; text-align: right; padding-right:10px;margin-top: -5px;} .close1 button {margin-right: 5px; padding: 5px 10px;border: 0;background: #393939;c..
javascript&jquery 2022. 9. 29. 09:50
이전 Prev 1 ··· 5 6 7 8 Next 다음