카테고리 없음 탭 슬라이드 이미지 interdigm 2015. 12. 21. 18:34 탭 슬라이드 이미지 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tab</title> <link rel="stylesheet" href="http://www.blueb.co.kr/data/201201/IJ13261797960060/webwidget_scroller_tab.css" type="text/css" /> <script type='text/javascript' src='http://www.blueb.co.kr/data/201201/IJ13261797960060/jquery-1.3.2.min.js'></script> <script type='text/javascript' src='http://www.blueb.co.kr/data/201201/IJ13261797960060/webwidget_scroller_tab.js'></script> <script language="javascript" type="text/javascript"> $(function() { $(".webwidget_scroller_tab").webwidget_scroller_tab({ scroller_time_interval: '2000', scroller_window_padding: '10', scroller_window_width: '350', scroller_window_height: '200', scroller_head_text_color: '#0099FF', scroller_head_current_text_color: '#666', directory: 'images' }); }); </script> </head> <body> <div class="webwidget_scroller_tab" id="webwidget_scroller_tab"> <div class="tabContainer"> <ul class="tabHead"> <li class="currentBtn"><a href="javascript:;">추천패키지</a></li> <li><a href="javascript:;">맞춤여행</a></li> <li><a href="javascript:;">히트상품</a></li> <li><a href="javascript:;">시즌특선</a></li> </ul> </div> <div class="tabBody"> <ul> <li class="tabCot"><br> <IMG src="http://www.kjttour.com/total_upload/popup/pop_onsen[5].jpg"> </li> <li class="tabCot"><br> <IMG src="http://www.kjttour.com/total_upload/popup/pop_BX.jpg"> </li> <li class="tabCot"><br> <IMG src="http://www.kjttour.com/total_upload/popup/pop_osaka[3].jpg"> </li> <li class="tabCot"><br> <IMG src="http://www.kjttour.com/total_upload/popup/pop_hotkaido.jpg"> </li> </ul> <div style="clear:both"></div> </div> <div class="modBottom"> <span class="modABL"> </span><span class="modABR"> </span> </div> </div> </body> </html>