믿고 맡길수 있는
직거래 예약사이트
로그인
회원가입
마이페이지
고객센터
료칸/호텔
일본골프
24'렌터카
할인/이벤트
와이파이/여행자보험
>
게시판
>
이벤트
이벤트
이벤트
제목
참여기간
~
작성자
이메일
내용
>
> 2019-01-30 09:55:50, "김진영"님이 쓰신 글입니다.
>
> <style type="text/css">.kyushu_container {width:710px; box-sizing:border-box; margin: 0 auto;} > .kyushu_container * {box-sizing:border-box; font-size:0;} > .kyushu_container img {width:100%;} > .kyushu_tab {padding:10px; overflow:hidden; background:#e7e7e7;} > .kyushu_tab ul li {padding:5px; width:50%; float:left;} > .tap_cont {display:none;} > #kyushu_tab1{display:block;} > </style> > <div class="kyushu_container"> > <div class="kyushu_top"><img alt="top" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga01.jpg" /></div> > > <div class="kyushu_tab"> > <ul> > <li><a data_number="02" href="#kyushu_tab1"><img alt="쿄세라" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_on_02.jpg" /></a></li> > <li><a data_number="03" href="#kyushu_tab2"><img alt="미조베" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_off_03.jpg" /></a></li> > <li><a data_number="04" href="#kyushu_tab3"><img alt="케도인" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_off_04.jpg" /></a></li> > <li data_last_num="4"><a data_number="05" href="#kyushu_tab4"><img alt="가고시마" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_off_05.jpg" /></a></li> > </ul> > </div> > > <div class="kyushu_cont"> > <div class="tap_cont" id="kyushu_tab1"><img alt="" src="/FileData/ckfinder/images/20190131_EE31EC95C626C6BF.jpg" style="width: 710px; height: 1585px;" /> <a href="https://www.jgolfclub.com/golf/golf_view.html?g_seq=18" target="_blank"><img alt="쿄세라" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga07.jpg" /></a></div> > > <div class="tap_cont" id="kyushu_tab2"><img alt="미조베" src="/FileData/ckfinder/images/20190131_B4885988CB2C728E.jpg" /> <a href="https://www.jgolfclub.com/golf/golf_view.html?g_seq=26" target="_blank"><img alt="미조베" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga10.jpg" /></a></div> > > <div class="tap_cont" id="kyushu_tab3"><img alt="케도인" src="/FileData/ckfinder/images/20190131_A6B05DC1FA0AB330.jpg" /> <a href="https://www.jgolfclub.com/golf/golf_view.html?g_seq=17" target="_blank"><img alt="케도인" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga13.jpg" /></a></div> > > <div class="tap_cont" id="kyushu_tab4"><img alt="가고시마" src="/FileData/ckfinder/images/20190131_80DBBF6F38CA93D1.jpg" /> <a href="https://www.jgolfclub.com/golf/golf_view.html?g_seq=33" target="_blank"><img alt="가고시마" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga16.jpg" /></a></div> > </div> > > <div class="kyushu_foot"><img alt="문의사항" src="http://www.ryokanclub.com/images/newevent/golf/kyushu/ga08.jpg" /></div> > </div> > <script> > $('#kyushu_tab1').css('display', 'block'); > $('.kyushu_tab ul li a').on('click',function(){ > $('.tap_cont').css('display', 'none'); > > var this_item = $(this).attr('href'); > $(this_item).css('display', 'block'); > > var last_order_num = $('.kyushu_tab ul li:last-child').attr('data_last_num'); > for(var i=1; i<=last_order_num ; i++){ > var evOrderNum = $('.kyushu_tab ul li:nth-child('+(i)+') a').attr('data_number'); > var evItemsBanner = 'http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_off_'+evOrderNum+'.jpg'; > var evItems = '.kyushu_tab ul li:nth-child('+(i)+') a img'; > $(evItems).attr('src', evItemsBanner); > } > > var evOrderNum = $(this).attr('data_number'); > var evItemsClickBanner = 'http://www.ryokanclub.com/images/newevent/golf/kyushu/ga_on_'+evOrderNum+'.jpg'; > $(this).find('img').attr('src', evItemsClickBanner); > }); > </script>
>
첨부파일
첨부파일
첨부파일
비밀번호
* 글삭제 또는 수정을 위해 입력해 주세요.
목록
등록
데일리 투어
택시
체험투어
패스/티켓
와이파이/유심
여행자보험
돈키호테할인
빅카메라쿠폰
렌즈직구닷컴
결제안내
제휴의뢰
에스크로가입사실확인
TOP