Blog Content

jQuery 수 더하기 토탈 수 올려주기 예를들면 음식점이나 영화 티켓 예매등 예약시 성인, 청소년, 어린이등의 인원수를 체크하여 토탈 값을 내려준다. 기타 다른용도로 사용을 해야 한다면 타이틀만 변경 하고 사용 해도 된다. 결과 화면은 다음과 같다. 빼기 0 더하기 빼기 0 더하기 빼기 0 더하기 Total = 0 // 인원 체크 토탈 function countBtn(){ var $wrap = $('.totalFn'), $btnMinus = $wrap.find('.minus'), $btnPlus = $wrap.find('.plus'); $cell = $wrap.find('.cell'); $btnMinus.on('click', function(e){ var $this = $(this); var num =..

스크롤 따라다니는 메뉴 01. CSS 123456789/* CSS 는 입맛에 맞게 변경 */html, body {height: 100%;}#wrap {text-align:center; height:100%}header {background:orange; box-shadow: 0px 5px 10px -5px; position:relative;}header li {display:inline-block;}header li a {display:block; padding:20px;}header.fixd {position:fixed; top:0; width: calc(100% - 15px);} section {background:orchid; min-height:100%; padding:150px 0 150px}f..

HTML CSS 2줄 말줄임 HTML CSS로 문서 컬럼 여러줄일경우에 말줄임 방법 CSS HTML 123456 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. 텍스트 말줄임입니다. CSS123456789.box{width:200px;display: block;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; // 컬럼개수 overflow: hidden;max-height: 36px;}