(function($){ $.fn.zqtab = function(options){ var defaults = { changetime:3000, obutton : false }; var opts = $.extend(defaults, options); return this.each(function(){ var othis = $(this); var index = 0; var timer; var ctimer = opts.changetime; var len = $('ul li',othis).length; //$('ul li',othis).eq(0).css("display","block"); if (opts.obutton){ var arr = []; arr.push('
    ') for(var i = 1; i <= $('li',othis).length; i++){ arr.push('
  1. ' + i + '
  2. '); }; arr.push('
'); var _indexbtnhtml = $(arr.join('')); othis.append(_indexbtnhtml); }else{ othis.append(document.createelement("ol")); $('ol',othis).html($('ul',othis).html()); $('ol a',othis).click(function(evt){ evt.preventdefault(); }) } $('ol li',othis).click(function(){ index = $('ol li',othis).index(this); showpic(index); }).eq(0).click(); othis.hover(function(){ clearinterval(timer); },function(){ timer = setinterval(function(){ showpic(index); index++; if(index==len){index=0;} },ctimer) }).trigger("mouseleave"); function showpic(index){ $('ol li',othis).removeclass("active").eq(index).addclass("active"); $('ul li',othis).eq(index).stop(true,true).fadein(600).siblings("li").fadeout(600); }; }); }; })(jquery); $(document).ready(function (){ function scrollcontent(ctid, id1, id2) { var speed=100; var $$=function(id){return document.getelementbyid(id);} $$(id2).innerhtml= $$(id1).innerhtml; function roll(){ if($$(id2).offsettop-$$(ctid).scrolltop<=0) { //当滚动到第二部分的顶部位置时 $$(ctid).scrolltop-=$$(id1).offsetheight; //重置至第一部分顶部位置,相当于$$('box').scrolltop=0; } else{ $$(ctid).scrolltop++ ; } } var start=setinterval(roll,speed); $$(ctid).onmouseover=function() {clearinterval(start)}; $$(ctid).onmouseout=function() {start=setinterval(roll,speed)}; } try{ scrollcontent('demo', 'demo1', 'demo2'); } catch(e){} })