$(document).ready(function(){ $("#count1").dayuwscroll({ parent_ele:'#wrapbox1', list_btn:'#tabt01', path: 'left', auto:true, time:2000, num:1, gd_num:1, waite_time:1000 }); }); $(document).ready(function(){ $("#countp").dayuwscroll({ parent_ele:'#wrapboxp', list_btn:'#tabt0p', path: 'left', auto:true, time:2000, num:1, gd_num:1, waite_time:1000 }); }); $(document).ready(function(){ $("#counta").dayuwscroll({ parent_ele:'#wrapboxa', list_btn:'#tabt0a', path: 'left', auto:true, time:2000, num:1, gd_num:1, waite_time:1000 }); }); (function($){ $.fn.dayuwscroll = function(param){ var o = $.extend({ parent_ele:'#t1', list_btn:'#tabt04', pre_btn:'#left', next_btn:'#right', path: 'left', auto:true, time:2000, num:1, gd_num:1, waite_time:1000 },param); var target_ele = $(this).selector; var $left = $(o.pre_btn); var $right = $(o.next_btn); var $con = $(target_ele).find('li'); var curr = 0; var len = $con.length; var count_page = math.ceil(len / o.gd_num); var out_width = $con.outerwidth(true); var out_height = $con.outerheight(true); var clear_time = null; var wait_time = null; var first_click = true; var wrapbox_w = out_width * o.num; var scrollbox_w = wrapbox_w * count_page; //$con.clone().appendto(target_ele); function init(){ $(o.parent_ele).css({'width':wrapbox_w+'px','height':out_height+'px','overflow':'hidden'}); $(target_ele).css({'width':scrollbox_w+'px','height':out_height+'px'}); if(o.auto){ auto_play(); } scroll_mousehover(); } function auto_play(){ switch(o.path){ case 'left': clear_time = window.setinterval(function(){left__click();},o.time); break; case 'right': clear_time = window.setinterval(function(){right_click();},o.time); break; default : clear_time = window.setinterval(function(){left__click();},o.time); break; } } function list_btn_style(i){ $(o.list_btn+' li').removeclass('cur'); $(o.list_btn+' li').eq(i).addclass('cur'); } function goto_curr(page){ if(page > count_page){ curr = 0; $(o.parent_ele).scrollleft(0); $(o.parent_ele).animate({scrollleft:wrapbox_w},500); }else{ var sp = (page + 1) * wrapbox_w; if($(o.parent_ele).is(':animated')){ $(o.parent_ele).stop(); $(o.parent_ele).animate({scrollleft:sp},500); }else{ $(o.parent_ele).animate({scrollleft:sp},500); } curr = page + 1; } } $(o.list_btn+' li').click(function(){ var curliindex = $(this).index(); list_btn_style(curliindex); curr = curliindex -1; goto_curr(curr); }) function left__click(){ window.clearinterval(clear_time); window.cleartimeout(wait_time); curr++; if(curr >= count_page ){ curr = 0; } var curliindex = curr; list_btn_style(curliindex); if (first_click) { curr = curliindex - 1; first_click = false; } else { curr = curliindex - 1; } goto_curr(curr); if(o.auto){ wait_time = settimeout(function(){auto_play()},o.waite_time); } } $left.bind('click',left__click) function right_click(){ window.clearinterval(clear_time); window.cleartimeout(wait_time); curr--; if(curr < 0 ){ curr = count_page - 1; }else if ( curr == (count_page- 1)){ curr = 0; } var curliindex = curr; list_btn_style(curliindex); curr = curliindex -1; goto_curr(curr); if(o.auto){ wait_time = settimeout(function(){auto_play()},o.waite_time); } } function scroll_mousehover(){ $con.mouseover(function(){ window.clearinterval(clear_time); window.cleartimeout(wait_time); }); $con.mouseout(function(){ if(o.auto){ wait_time = settimeout(function(){auto_play()},o.waite_time); } }) } $right.bind('click',right_click); return init(); } })(jquery)