[All] 하루동안 보이지 않기 레이어 팝업창 구현하기

-

홈페이지를 방문하다보면, 긴급한 사항에 경우 홈페이지 접속시 팝업창이 뜨도록
하는 경우를 많이 보셨을 텐데요.

Javascript, JQuery 로 구현해 보았습니다.



코드는 아래의 주소에서 거의 참조했으며, 제 코드에 맞게 추가로 변형했습니다.

http://rocabilly.tistory.com/98

댓글

댓글 쓰기

이 블로그의 인기 게시물

[CSS] 마우스 hover 시, transition을 이용해 배경색 채우기

-
블로그를 옮기고 첫번째 글입니다. 차근차근 코드들을 옮기고, 수정작업을 거칠 것입니다. 이번 내용은 css만으로, 움직임효과를 내는 것인데요. 마우스를 태그에 올렸을때, 왼쪽에서부터 오른쪽으로 배경색이 차는 듯한 효과를 낼 수 있습니다. 아래의 코드를 통해 자세한 사항이 확인 가능합니다. See the Pen jGxKpm by eunjun ( @eunjin10914 ) on CodePen .
자세한 내용 보기

[All] JavaScript 와 CSS를 이용해 글자크기 조절버튼 구현하기

-
이미지
관공서에 많이 쓰이는 형태면서, 돋보기 기능이라고 해야할까요. 브라우저를 줌인, 줌 아웃 시키는 기능을 JavaScript와 CSS를 이용해 구현하고자 합니다. CSS 속성중에 zoom 을 사용할 건데, 브라우저가 firefox인 경우에는 지원하지 않는 속성이기 때문에, firefox로 접속했을 경우에는 zoom 외에 transform의 scale() 를 적용해줘야합니다. 코드는 아래와 같습니다. See the Pen KZaRqJ by jemaime ( @eunjin10914 ) on CodePen .
자세한 내용 보기

[HTML5] 웹 접근성/ 기본 언어 명시하기

-
HTML5에서 기본언어를 명시하는 것은  화면 낭독 프로그램이 언어를 인식해 자동으로 음성 변환을 하거나, 선택된 언어에 적합한 발음을 제공하기 때문에 필요한 작업입니다. 아래와 같이 HTML5를 구성할때 html 태그에 명시하시면 됩니다. < ! DOCTYPE html > < html lang = "ko" > //이곳에 명시합니다. < head > < meta charset = "UTF-8" > < title > < / title > < / head > < body > < / body > < / html > 언어별로 속성값이 다르며, 자주 사용하는 한국어, 영어, 프랑스어, 독일어, 중국어, 일본어는 아래에 표기해두었습니다. 한국어(ko) 영어(en) 프랑스(fr) 독일어(de) 중국어(zh) 일본어(ja)  그외의 언어는 하단의 링크를 참조해주세요. https://www.w3schools.com/tags/ref_language_codes.asp
자세한 내용 보기