믿고 맡길수 있는
직거래 예약사이트
로그인
회원가입
마이페이지
고객센터
료칸/호텔
일본골프
24'렌터카
할인/이벤트
와이파이/여행자보험
>
게시판
>
이벤트
이벤트
이벤트
제목
참여기간
~
작성자
이메일
내용
>
> 2018-08-27 09:10:12, "김진영"님이 쓰신 글입니다.
>
> <style type="text/css">#sangsi_event {width:710px; text-align:center; margin: 0 auto;} > #sangsi_event * {box-sizing:border-box;} > #sangsi_event ul li {float:left; position:relative;} > #sangsi_event .sangsi_up_menu {clear:both; overflow:hidden;} > #sangsi_event .sangsi_up_menu ul li {width:50%; margin-top:7px;} > #sangsi_event .sangsi_up_menu ul li:nth-child(odd) {text-align:left;} > #sangsi_event .sangsi_up_menu ul li:nth-child(even) {text-align:right;} > #sangsi_event .sangsi_content {clear:both; overflow:hidden; display:none;} > #sangsi_event .sangsi_content ul li {margin-bottom:50px; width:33.333%;} > #sangsi_event .sangsi_content ul li a {position:absolute; width:50px; height:50px; bottom:-25px; border-radius:25px; padding:9px; background:#13b5b1; left:50%; margin-left:-25px; color:#fff;} > #sangsi_event .sangsi_line {margin:20px 0 25px;} > #sangsi_event .sangsi_footer {margin-top:20px;} > </style> > <div id="sangsi_event"> > <div class="sangsi_title"><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi01.jpg" /></div> > > <div class="sangsi_cont"> > <div class="sangsi_up_menu"> > <ul> > <li><a data_number="51" href="#sangsi_cont7"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_51.jpg" /></a></li> > <li><a data_number="52" href="#sangsi_cont8"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_52.jpg" /></a></li> > <li><a data_number="60" href="#sangsi_cont9"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_60.jpg" /></a></li> > <li><a data_number="53" href="#sangsi_cont2"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_53.jpg" /></a></li> > <li><a data_number="03" href="#sangsi_cont3"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_03.jpg" /></a></li> > <li><a data_number="55" href="#sangsi_cont6"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_55.jpg" /></a></li> > <li><a data_number="05" href="#sangsi_cont5"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_05.jpg" /></a></li> > <li><a data_last_num="8" data_number="04" href="#sangsi_cont4"><img src="http://www.ryokanclub.com/images/newevent/sangsi/local_04.jpg" /></a></li> > </ul> > </div> > > <div class="sangsi_line"><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi_05.jpg" /></div> > > <div class="sangsi_content" id="sangsi_cont1"> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi_lo1.jpg?ver=2" /></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont7"><!--오이타--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi_lo2.jpg?ver=2" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_02.jpg?ver=2" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1770&b_uid_s=41&m_uid_s=143&s_uid_s=206">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_41.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=134">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_42.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=551">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_43.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=36">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_02.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=115">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_03.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=552">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_04.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=153">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_05.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=33">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_06.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=35">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_01.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_07.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1483">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont8"><!--나가사키--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi_lo6.jpg?ver=2" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_08.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1350">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont2"><!--오사카--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_25.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_21.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=796">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_22.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_25.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1790">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_021.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=924">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_031.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_012.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1267">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_011.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1016">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont9"><!--사가--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_09.jpg" /><a href="http://www.ryokanclub.com/search/?search_word=%EC%82%AC%EA%B0%80%ED%98%84">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_26.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_61.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=133">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont3"><!--북해도--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_09.jpg?ver=2" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_12.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1641">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_14.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=449">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_041.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1951">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_042.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1651">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_21.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_15.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=200">예약하기</a></li> > </ul> > > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_24.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_16.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1309">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont6"><!--도쿄--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_23.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_01.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1825">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_02.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1830">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_03.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=1864">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont5"><!--오키나와--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/ss_20.jpg" /></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_31.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=638">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_32.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=665">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_33.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=679">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_031.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/hotel/hotel_view_rykan.html?hseq=727">예약하기</a></li> > </ul> > </div> > > <div class="sangsi_content" id="sangsi_cont4"><!--렌터카--> > <ul> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/sh_71.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/pass_rent/rentcar.html">예약하기</a></li> > <li><img src="http://www.ryokanclub.com/images/newevent/sangsi/0529_10.jpg" /><a href="sangsi_click.php?href=http://www.ryokanclub.com/pass_rent/rentcar.html">예약하기</a></li> > </ul> > </div> > </div> > > <div class="sangsi_footer"><img src="http://www.ryokanclub.com/images/newevent/sangsi/sangsi_20.jpg?ver=1" /></div> > </div> > <script> > $(document).ready(function(){ > $('#sangsi_cont7').css('display','block'); > $('.sangsi_up_menu ul li a').click(function(){ > $('.sangsi_content').css('display','none'); > var this_item = $(this).attr('href'); > $(this_item).css('display','block'); > > var last_order_num = $('.sangsi_up_menu ul li:last-child a').attr('data_last_num'); > for(var i=1; i<=last_order_num ; i++){ > var evOrderNum = $('.sangsi_up_menu ul li:nth-child('+(i)+') a').attr('data_number'); > var evItemsBanner = 'http://www.ryokanclub.com/images/newevent/sangsi/local_'+evOrderNum+'.jpg'; > var evItems = '.sangsi_up_menu 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/sangsi/local_on_'+evOrderNum+'.jpg'; > $(this).find('img').attr('src', evItemsClickBanner); > }); > > }); > > </script>
>
첨부파일
첨부파일
첨부파일
비밀번호
* 글삭제 또는 수정을 위해 입력해 주세요.
목록
등록
데일리 투어
택시
체험투어
패스/티켓
와이파이/유심
여행자보험
돈키호테할인
빅카메라쿠폰
렌즈직구닷컴
결제안내
제휴의뢰
에스크로가입사실확인
TOP