기록저장소

$(function(){ //직접입력 인풋박스 기존에는 숨어있다가 $("#selboxDirect").hide(); $("#selbox").change(function() { //직접입력을 누를 때 나타남 if($("#selbox").val() == "direct") { $("#selboxDirect").show(); } else { $("#selboxDirect").hide(); } }) });​ 선택 1 2 3 직접입력 //상단의 select box에서 '직접입력'을 선택하면 나타날 인풋박스

cursor: default; cursor: pointer; cursor: no-drop;

.container{ position: relative; width: 100%; min-width: rem(1280); .content-wrap{ width: rem(1280); margin: 0 auto; } }

마우스오버 마우스오버시 보여지는 컨텐츠 .btn_tooltip {position: relative; display: block;} .tbl_tooltip {position: absolute; display: none; width: 0; height: 0; bottom: 0; left: 5px;} .tbl_tooltip .inner {position: relative; padding-top: 8px;} .tbl_tooltip .inner::before {position: absolute; display: block; width: 13px; height: 9px; top: 0; left: 20px; background: url(../images/front/ico/tbl_tooltip_arr.png) no-r..

한줄 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 여러줄 display:-webkit-box; word-wrap:break-word; //단어기준 줄바뀜 -webkit-line-clamp:3; //몇줄까지 나오게할지 -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:rem(30); height:rem(90);//line-height *3줄 font-size:rem(20); text-decoration:none;

kay0426.tistory.com/27 HTML 파일 분리하는 법. HTML에서 다른 HTML 포함시키는 법. 0. 들어가기 전 얼마 전 개인적으로 웹 프로젝트를 진행하던 중 'HTML파일을 분리할 수 없을까' 라는 궁금한 점이 한 가지 생겼다. 웹 프로젝트 경험이 풍부하지는 않지만 직감적으로 HTML파일을 kay0426.tistory.com https://kyung-a.tistory.com/18 일반 HTML 파일에 HTML include/imports 하는 방법 프론트엔드 개발자가 아닌 마크업을 위주로 하는 웹퍼블리셔들은 대부분 일반 html, css 파일로 작업을하게 됩니다 페이지가 많아지다보면 중복되는 내용이 많아지죠? 특히 header와 footer는 거의 kyung-a.tistory.com

Option One Two Three Four Five

key설정 구글제공 기본 튜토리얼 (function(exports) { "use strict"; function initMap() { var myLatLng = { lat: 35.175185, lng: 129.124936 }; var map01 = new google.maps.Map(document.getElementById("map"), { zoom: 16, center: myLatLng }); var marker = new google.maps.Marker({ position: myLatLng, map: map01, title: "Hello World!" }); } exports.initMap = initMap; })((this.window = this.window || {})); 한페이지 지도 여러..

gahyun-web-diary.tistory.com/117 [자바스크립트플러그인]slick progressbar 만들기 [CSS] - [CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기 [javascript] - [JAVASCRIPT/JQUERY]이미지슬라이드 플러그인 slick 옵션 설정하는 법(사용법) progressbar1 - 1개의 슬라이드에 대한 progr.. gahyun-web-diary.tistory.com

.scroll-test::-webkit-scrollbar { width: 6px; } .scroll-test::-webkit-scrollbar-track { background-color: transparent; } .scroll-test::-webkit-scrollbar-corner{ background-color: transparent; //가로, 세롤 스크롤track사이 corner } .scroll-test::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray; //트랙사이 간격넣을 때 background-clip: padding-box; border: 2px solid transparent; } .scroll-test::-w..