본문 바로가기
반응형

IT/script_ex21

[bxslider] bxslider를 이용한 슬라이드 $(document).ready(function(){ $('.sec3_list').bxSlider({ auto:true, pager: false, controls: true, autoControls: false, minSlides: 4, maxSlides: 4, moveSlides: 1, slideWidth: 285, slideMargin: 20, autoHover:true, prevText:"", nextText:"" }); }); 배너슬라이드 배너슬라이드 1 배너슬라이드입니다. 설명 및 내용 텍스트. 배너슬라이드 2 배너슬라이드입니다. 설명 및 내용 텍스트. 배너슬라이드 3 배너슬라이드입니다. 설명 및 내용 텍스트. 배너슬라이드 4 배너슬라이드입니다. 설명 및 내용 텍스트. 배너슬라이드 5 배너슬라이.. 2020. 5. 1.
[script] gnb menu slideToggle $(document).ready(function(){ $(".gnb > li").hover(function(){ $(this).find(".sub_gnb").stop().slideToggle(); $("#header").stop().toggleClass('on'); }); }); menu1 sub_gnb1 sub_gnb2 sub_gnb3 sub_gnb4 sub_gnb5 menu2 sub_gnb1 sub_gnb2 sub_gnb3 sub_gnb4 sub_gnb5 menu3 sub_gnb1 sub_gnb2 sub_gnb3 sub_gnb4 sub_gnb5 menu4 sub_gnb1 sub_gnb2 sub_gnb3 sub_gnb4 sub_gnb5 menu5 sub_gnb1 sub_gnb2 sub_gnb3 sub_.. 2020. 4. 28.
[script] 탭메뉴 jQuery(function($){ $('.tabcontent > div').hide(); $('.tabnav a').click(function () { $('.tabcontent > div').hide().filter(this.hash).fadeIn(); $('.tabnav a').removeClass('active'); $(this).addClass('active'); return false; }).filter(':eq(0)').click(); }); 탭메뉴1 탭메뉴2 탭메뉴 스크립트 tab01 탭메뉴 스크립트 tab01 [2010-04-29] [2010-03-20]한국 근현대사 [2010-11-12]세계사 - 동양편 [2010-04-21]세계사 - 서양편 탭메뉴 스크립트 tab0 탭메뉴 스크립트 t.. 2020. 3. 13.
반응형

티스토리툴바