제이쿼리 효과 변경하고싶은데여
본문
<script> $(document).ready (function () { $('.jq_onoff .jq_hide').css('display', 'none'); $('.jq_autoonoff .jq_hide').css('display', 'none'); //탭(ul) onoff $('.jq_tabonoff .jq_cont').children().css('display', 'none'); $('.jq_tabonoff .jq_cont div:first-child').css('display', 'block'); $('.jq_tabonoff .jq_tab li:first-child').addClass('on'); $('.jq_tabonoff').delegate('.jq_tab li', 'click', function() { var index = $('.jq_tabonoff .jq_tab li').index(this); $(this).siblings().removeClass(); $(this).addClass('on'); $(this).parent().next('.jq_cont').children().slideUp('fast').eq(index).slideDown('fast'); }); //탭(ul) onoff(auto) $('.jq_tabonoff_auto .jq_cont').children().css('display', 'none'); $('.jq_tabonoff_auto .jq_cont div:first-child').css('display', 'block'); $('.jq_tabonoff_auto .jq_tab li:first-child').addClass('on'); function tabonoff(o) { var index = $('.jq_tabonoff_auto .jq_tab li').index(o); $(o).siblings().removeClass(); $(o).addClass('on'); $(o).parent().next('.jq_cont').children().slideUp('fast').eq(index).slideDown('fast'); } (function(a){ a.fn.tabonoff_auto=function(p){ var s_t_i=p&&p.scroller_time_interval?p.scroller_time_interval:"3000"; //롤링타임 수정가능 var dom=a(this); var s_length=dom.length; var timer; var current = 0; begin(); play(); function begin(){ dom.click(function(){current = dom.index($(this)); play(); stop()}); dom.parent().parent().hover(function(){stop();},function(){timer = setTimeout(play,s_t_i);}); } function stop(){clearTimeout(timer);} function play(){ clearTimeout(timer); tabonoff(dom[current]); if(current >= s_length-1){current = 0;} else{current ++;} timer = setTimeout(play,s_t_i); } } })(jQuery); $(".jq_tabonoff_auto li").tabonoff_auto(); }); </script>
지금은 슬라이드업? 넘어갈때 빠르게 올라오는 효과인데
넘어갈때 자연스럽게 나타나는..
http://www.songlimga.com/index.do 메인슬라이드 같은 효과낼려면 어떻게 수정해야될까여
