전체 글 (60) 썸네일형 리스트형 제이쿼리 이미지 슬라이드 제이쿼리 이미지 슬라이드 HTML scss each문 html scss $backgrounds: ( home, 'homg.jpg'), ( about, 'about.jpg'); @each $id, $image in $backgrounds{ .target-#{$id} { background:url( $image ); background-size:100% auto; } } $background에 배열로 저장하고 each문에서 id값으로 이미지 설정 섹션 스크롤 체크 var _w; var _sections; function init() { create(); addEvent(); } var _isInSections = []; function create() { _w = $( window ); _sections = $( "#sections" ).children( "section" ); _sections.each( function( $index ){ _isInSections = false; }) } function addEvent() { scrollEvent( null ); _w.on( "scroll", scrollEvent ); resizeEvent( null ); _w.on( "resize", resizeEvent ); } function scrollEvent( $e,.. 호두잉글리시 -자신감방법론 http://event.hodooenglish.com/conf 호두잉글리시 -영어자신감 방법론 호두잉글리시 초등영어회화 1위 방법론 초등영어회화 1위 호두잉글리시 영어자신감방법론 2018년 3월 코리안클릭 PC, 모바일 순방문자 수 합계 기준 (영어회화전문교육 브랜드 T사, S사, Y사 비교) event.hodooenglish.com:443 호두잉글리시 컬리큘럼 페이지 호두 잉글리시 커리큘럼 https://event.hodooenglish.com/cur 호두잉글리시 - 커리큘럼페이지 event.hodooenglish.com swiper 탭 슬라이드 swiper 탭 슬라이드 HTML 탭1 탭2 탭3 CSS .tab_list li{ float: left; width:33.3333%; border:1px solid red; box-sizing: border-box; margin-left:-1px; text-align: center;} .tab_list li a{ display:inline-block; padding: 2.5% 0; width: 100%;} .tab_list:after{ content: ''; display:block; clear: both;} JAVASCRIPT $( document ).ready( function(){ var _tabList = $( ".tab_list" ); var _tabTarget = _tabList.childre.. jquery 슬라이더 jquery 슬라이더 HTML 이전 다음 CSS body{ margin:0; padding:0;} li{ list-style: none;} a{ text-decoration: none;} img{ width:100%; } .slider_section{ position: relative;} .btn_list{ position:absolute; top:100px; left:0; width:100%; } .btn_list li:first-child{ float: left; margin-left:300px; margin-right: 0;} .btn_list li{ float:right; margin-right: 300px; margin-left:0;} .slide_wrap{ position: relative; .. jquery 별점 체크 jquery 별점 체크 모바일에서만 작동함. HTML CSS #complete_wrap img{ width:100%; } #complete_wrap .complete_title{ font-size:0; }#complete_wrap .inner{ background:url( ../image/star/complete_bg.jpg ) 0 0 repeat-y; background-size:contain; }#complete_wrap .inner .star_area{ padding-bottom:20.3%;}#complete_wrap .inner .star_area .rating_box{ position: relative; width:75.55555555555556%; margin:0 auto; font-size:.. 이전 1 2 3 4 5 6 7 8 다음 목록 더보기
