Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-26 13:37:42

分组导航代码选项卡代码选项卡特效

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>阿里妈妈竖向选项卡特效脚本（精华）</title>
<style type="text/css">
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
BODY {
	FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Arial
}
A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff8400; TEXT-DECORATION: underline
}
.clearing {
	CLEAR: both; BORDER-TOP: transparent 1px solid; FONT-SIZE: 0px; VISIBILITY: hidden; LINE-HEIGHT: 0; HEIGHT: 0px
}
A.hover {
	COLOR: #ff8400
}
.red {
	COLOR: #ff8400
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.bg_c .tl {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}
.bg_c .tr {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}
.bg_c .bl {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}
.bg_c .br {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}

.star_order {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}
.star_order .star_ul LI.current {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_bg2.gif); BACKGROUND-REPEAT: no-repeat
}
.star_body I {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_icon_bg.gif); BACKGROUND-REPEAT: no-repeat
}
.bg_c {
	BORDER-RIGHT: #f86c00 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: #f86c00 2px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #f86c00 2px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #f86c00 2px solid; POSITION: relative; BACKGROUND-COLOR: #fff
}
.bg_c .tl {
	FONT-SIZE: 0px; OVERFLOW: hidden; WIDTH: 4px; LINE-HEIGHT: 0; POSITION: absolute; HEIGHT: 4px
}

.bg_c .tl {
	BACKGROUND-POSITION: left -150px; LEFT: -2px; TOP: -2px
}
.bg_c .tr {
	BACKGROUND-POSITION: right -150px; RIGHT: -2px; TOP: -2px
}
.bg_c .bl {
	BACKGROUND-POSITION: left -155px; LEFT: -2px; BOTTOM: -2px
}
.bg_c .br {
	BACKGROUND-POSITION: right -155px; RIGHT: -2px; BOTTOM: -2px
}

A.scroll_left {
	BACKGROUND-POSITION: left -165px; DISPLAY: block; FLOAT: left; WIDTH: 10px; HEIGHT: 32px
}
A.scroll_right {
	BACKGROUND-POSITION: -25px -165px; DISPLAY: block; FLOAT: right; WIDTH: 10px; HEIGHT: 32px
}
A.scroll_left:hover {
	BACKGROUND-POSITION: left -200px
}
A.scroll_right:hover {
	BACKGROUND-POSITION: -25px -200px
}
.bg_a {
	POSITION: relative; BACKGROUND-COLOR: #eff1f3
}
.bg_a .tl {
	FONT-SIZE: 0px; OVERFLOW: hidden; WIDTH: 4px; LINE-HEIGHT: 0; POSITION: absolute; HEIGHT: 4px
}
.bg_a .tr {
	FONT-SIZE: 0px; OVERFLOW: hidden; WIDTH: 4px; LINE-HEIGHT: 0; POSITION: absolute; HEIGHT: 4px
}
.bg_a .bl {
	FONT-SIZE: 0px; OVERFLOW: hidden; WIDTH: 4px; LINE-HEIGHT: 0; POSITION: absolute; HEIGHT: 4px
}
.bg_a .br {
	FONT-SIZE: 0px; OVERFLOW: hidden; WIDTH: 4px; LINE-HEIGHT: 0; POSITION: absolute; HEIGHT: 4px
}
.bg_a .tl {
	BACKGROUND-POSITION: left -110px; LEFT: 0px; TOP: 0px
}
.bg_a .tr {
	BACKGROUND-POSITION: right -110px; RIGHT: 0px; TOP: 0px
}
.bg_a .bl {
	BACKGROUND-POSITION: left -121px; LEFT: 0px; BOTTOM: 0px
}
.bg_a .br {
	BACKGROUND-POSITION: right -121px; RIGHT: 0px; BOTTOM: 0px
}
.more_a_red {
	PADDING-RIGHT: 6px; BACKGROUND-POSITION: 26px -86px; FLOAT: right; MARGIN: -20px 10px 0px 0px
}
.site_more {
	MARGIN-TOP: 10px
}
.more_a_red {
	BACKGROUND-POSITION: 100px 100px; BACKGROUND-IMAGE: url(/Pri_upfile/jspic/2009/index_icon_bg.gif); BACKGROUND-REPEAT: no-repeat
}
.star_order {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: left -560px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 4px; OVERFLOW: hidden; WIDTH: 276px; PADDING-TOP: 2px; POSITION: relative; HEIGHT: 256px
}
.star_order H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 64px; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.star_order .star_ul {
	Z-INDEX: 2; LEFT: 0px; POSITION: absolute
}
.star_order .star_ul LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 58px; CURSOR: pointer; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.star_order .star_ul LI.current {
	BACKGROUND-POSITION: left -160px; WIDTH: 62px; COLOR: #ff8400
}
.star_order .star_body {
	MARGIN-LEFT: 59px; HEIGHT: 220px; _width: 204px
}
.star_body UL {
	DISPLAY: none
}
.star_body LI {
	BORDER-BOTTOM: #b2b2b2 1px dotted
}
.star_body LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; PADDING-TOP: 3px; WHITE-SPACE: nowrap; HEIGHT: 16px; _width: 198px
}
.star_body LI A:hover {
	BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none
}
.star_body I {
	BACKGROUND-POSITION: left -140px; MARGIN-TOP: 1px; DISPLAY: block; FONT-SIZE: 11px; FLOAT: left; WIDTH: 13px; COLOR: #fff; LINE-HEIGHT: 12px; MARGIN-RIGHT: 4px; FONT-STYLE: normal; FONT-FAMILY: Arial; HEIGHT: 13px; TEXT-ALIGN: center
}
.star_body I.red {
	BACKGROUND-POSITION: left -110px
}
.star_body .star_com {
	MARGIN-TOP: -15px; FLOAT: right; OVERFLOW: hidden; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right; _width: 65px
}
.star_body SPAN.red {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial
}
</style>
<script type="text/javascript">// JavaScript Document

var $w = window;
var $d = document;
var $l = location;
function $i(s){return $d.getElementById(s);}
function $t(s){return $d.getElementsByTagName(s);}
function $n(s){return $d.getElementsByName(s);}

var _jsc = {};
if(!_jschome)var _jschome='/';

_jsc.loaded = false;

_jsc.client = (function(){	
	var t = {};
	var b = navigator.userAgent.toLowerCase();
	t.isOpera = (b.indexOf('opera') > -1);
	t.isIE = (!t.isOpera && b.indexOf('msie') > -1);
	t.isFF = (!t.isOpera &&!t.isIE&&b.indexOf('firefox') > -1);
	return t;
})();

_jsc.util = (function(){
	var t = {};
	t.addEvent = function(o,c,h){
		if(_jsc.client.isIE){
			o.attachEvent('on'+c,h);
		}else{
			o.addEventListener(c,h,false);
		}
		return true;
	};
	t.delEvent = function(o,c,h){
		if(_jsc.client.isIE){
			o.detachEvent('on'+c,h);
		}else{
			o.removeEventListener(c,h,false);
		}
		return true;
	};
	t.ga = function(o,s){
		return o.getAttribute(s);
	};
	t.sa = function(o,k,v){
		return o.setAttribute(k,v);
	};
	t.s2d = function(s){
		var sa = s.split('-');
		var d =  new Date(sa[0],(sa[1]-1),sa[2]);
		return d;
	};
	t.d2s = function(d,b){
		var ye = d.getFullYear();
		var me = (parseInt(d.getMonth())+1).toString()
		var de = d.getDate();
		if(me.length==1&&b)me='0'+me;
		if(de.length==1&&b)de='0'+de;
		return ye+me+de;
	};
	return t;
})();

_jsc.mgr = (function(){
	var t = {};
	t.s = [];
	t.addC = function(o){
		this.s.push(o);
	};
	t.getC = function(bid){
		for(var i=0;i<this.s.length;i++){
			if(this.s[i].bid==bid){
				return this.s[i];
			}
		}
		return null;
	};
	return t;
})();

_jsc.ajax = (function(){
	t={};
	t.getAjax = function(){
		try{
			return new XMLHttpRequest();
		}catch(e){
			try{
				return new ActiveXObject('Msxml2.XMLHTTP');
			}catch(e){
				return new ActiveXObject('Microsoft.XMLHTTP')
			}
		}
		return null;
	};
	return t;
})();

_jsc.dom = (function(){
	var t = {};
	t.gNxtSib = function(o){
		var co = o;
		do{
			if(co.nextSibling==null || co.nextSibling.nodeType==1){
				return co.nextSibling;
			}else{
				co = co.nextSibling;
			}			
		}while(true)
	};
	
	return t;
})();

_jsc.evt = (function(){
	var t = {};
	t.gTar = function(oe){
		if(_jsc.client.isIE){
			return oe.srcElement;
		}else{
			return oe.target;
		}
	};
	t.gJsc = function(o){
		var ot = o
		do{
			if(ot.getAttribute("c_type")){
				return ot;
			}
			if(ot.parentNode){
				ot = ot.parentNode;
			}else{
				return null;
			}
		}while(true);
	};
	t.evtHandler = function(){
		var eo = window.event?window.event:arguments[0];
		var tar = _jsc.evt.gTar(eo);
		var jsc = _jsc.evt.gJsc(tar).jsc;
		et = eo.type;
		eval("var h = jsc.jsc"+et);
		h(tar,jsc);
	};
	t.fire = function(jsc,etype,evt){
		eval("var h = jsc.c_on"+etype);
		eval("var t = typeof "+h);
		if(t == "function"){
			eval(h+"(evt)");
		}
	};
	return t;
})();

_jsc.his = (function(){
	var t={};
	t.srvPath = _jschome+'htm/hisSrv.html';
	t.srvFrame = $i("hisSrvFrame");
	t.ahMap = {};
	t.setAH = function(act,handler){
		var m = this.ahMap;
		eval('m.'+act+'="'+handler+'";');
	};
	t.doGet = function(act,para){
	 var appSch = $n("jscAppendSearch");
	 var as = "";
	 for(var i=0;i<appSch.length;i++){
	 var appAct = appSch[i].getAttribute("act");
	 if(appAct == act){
	 as += appSch[i].value;
	 }
	 }
		if(!this.srvFrame)this.srvFrame = $i("hisSrvFrame");
		this.srvFrame.src = this.srvPath+'?act='+act+as+para;
	};
	t.actionSwitch = function(act,para){
		var m = this.ahMap;
		eval('var h = this.ahMap.'+act+';');
		eval(h+'(para);');
	};
	t.setRefCookie = function(pagename){
	 try{
	 var refCookie = []; 
			refCookie.push(pagename);
 refCookie.push($i("hisSrvFrame").contentWindow.location.search);
 if(typeof addRefCookie == "function"){
 addRefCookie(refCookie);
 }
 var refreshCookie = refCookie.join("@jsc@");
 _jsc.cookies.setCookie("jscref",refreshCookie,6/60/60/24);
 }catch(e){}
	};
	t.getRefCookie = function(){
	 var refCookie = []; 
	 try{
	 var refreshCookie = _jsc.cookies.getCookie("jscref");
	 refCookie = refreshCookie.split("@jsc@");
	 }catch(e){}
	 return refCookie;
	};
	return t;
})();

_jsc.state = (function(){
	var t = {};
	t.eleList = [];
	t.chkList = [];
	t.loaded = false;
	t.addEle = function(o){
		if(o instanceof JscStateElement){
			this.eleList.push(o);
			if(o.check==true){
				this.chkList.push(o);
			}
		}
	};	
	t.setState = function(para){
		var u = para;
		for(var i = 0;i < this.eleList.length;i++){
			var ele = this.eleList[i];
			var ukey = ele.urlKey;
			var uvalue = this.getUrlValue(para,ukey);
			ele.setState(uvalue);
		}
	};
	t.getUrlValue = function(para,ukey){
		var andpara = '&'+para;
		var lowerpara = andpara.toLowerCase();
		if(lowerpara.indexOf('&'+ukey+'=')!=-1){
			var s = andpara.substr(lowerpara.indexOf('&'+ukey+'=')+1);
			var sa = s.split('&');
			var sav = sa[0].split('=');
			if(sav.length==2){
				return sav[1];
			}
		}
		return '';
	};
	t.getState = function(ukey){
		var u='';
		for(var i = 0;i < this.eleList.length;i++){
			var ele = this.eleList[i];
			if(ele.urlKey==ukey||ele.check==true){
				ele.getState();
			}
		}
		for(var i = 0;i < this.eleList.length;i++){
			var ele = this.eleList[i];
			u+='&'+ele.urlKey+'='+ele.currentState;
		}
		_jsc.his.doGet('sch',u);
	};
	t.chgPage = function(pgno){
		var u = '&p='+pgno;
		for(var i = 0;i < this.eleList.length;i++){
			var ele = this.eleList[i];
			ele.getState();
			u+='&'+ele.urlKey+'='+ele.currentState;
		}
		_jsc.his.doGet('sch',u);
		return false;
	};
	t.toDefaultState = function(){
		
	};
	return t;
})();

_jsc.pos = (function(){
	var t = {};
	t.getX = function (obj){
        var curleft = 0;
        if (obj.offsetParent)
        {
          while (obj.offsetParent)
        {
             curleft += obj.offsetLeft;
             obj = obj.offsetParent;
          }
        }
        else if (obj.x) {
          curleft += obj.x;
        }
        return curleft;
    };
    t.getY = function (obj){
    var curtop = 0;
        if (obj.offsetParent)
        {
          while (obj.offsetParent)
          {
             curtop += obj.offsetTop;
             obj = obj.offsetParent;
          }
        }
        else if (obj.y)
          curtop += obj.y;
        return curtop;
    };
	return t;
})();

_jsc.cookies = (function(){
	var t = {};
	t.setCookie = function(name,value,days)
	{
		if(days){
	  	var exp  = new Date(); 
	  	exp.setTime(exp.getTime() + days*24*60*60*1000);
	  	document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString()+";path=/;";
		}else{
			document.cookie = name + "="+ escape(value)+";path=/;";
		}
	};
	
	t.getCookie = function(name)
	{
	  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
	  if(arr != null) return unescape(arr[2]); return null;
	};
	
	t.setCookie2 = function(name,value,days)
	{
		if(days){
	  	var exp  = new Date(); 
	  	exp.setTime(exp.getTime() + days*24*60*60*1000);
	  	document.cookie = name + "="+ encodeURIComponent(value) +";expires="+ exp.toGMTString()+";path=/;";
		}else{
			document.cookie = name + "="+ encodeURIComponent(value)+";path=/;";
		}
	};
	
	t.getCookie2 = function(name)
	{
	  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
	  if(arr != null) return decodeURIComponent(arr[2]); return null;
	};
	
	t.delCookie = function(name)
	{
	  var exp = new Date();
	  exp.setTime(exp.getTime() - 1);
	  var cval=getCookie(name);
	  if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();
	};
	
	t.delCookie2 = function(name)
	{
	  var exp = new Date();
	  exp.setTime(exp.getTime() - 1);
	  var cval=getCookie2(name);
	  if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();
	};
	
	return t;
})();

_jsc.jscload = (function(){
	var t = function(){
	 if(!_jsc.quickload){
 		var cs = $t('label');
 		for(var i=0;i<cs.length;i++){		
 			var ct = _jsc.util.ga(cs[i],'c_type');
 			if(ct){
 				var pe = _jsc.dom.gNxtSib(cs[i]);
 				if(pe){
 					eval("new "+ct+"(pe)");
 				}
 			}
 		}
		}
		if(typeof jsconload == 'function'){
			jsconload();
		}
		_jsc.loaded = true;
	};
	return t;
})();

_jsc.jscunload = (function(){
	var t = function(){
		if(true){
		    try{
				if(typeof jsconload == 'function'){
					jsconunload();
				}		                       		
            }catch(e){}
		}
	};
	return t;
})();

_jsc.init = (function(){
	_jsc.util.addEvent(window,'load',_jsc.jscload);
	_jsc.util.addEvent(window,'unload',_jsc.jscunload);
	return true;
})();

function JscStateElement(ele,dft,ukey){
	this.getState = null;//y
	this.setState = null;//y
	this.defaultState = dft;
	this.currentState = dft;
	this.ele = ele;
	this.eid = ele.id;
	this.must = true;	
	this.ischanged = false;
	this.check = false;//o
	this.urlKey = ukey;
}

// 随机数发生器
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
	rnd.seed = (rnd.seed*9301+49297) % 233280;
	return rnd.seed/(233280.0);
}
function rand(number) {
	return Math.ceil(rnd()*number);
}

// 滚动widget
function simplescroll(c, config) {
	this.config = config ? config : {start_delay:3000, speed: 23, delay:4000, scrollItemCount:1,movecount:1};
	this.container = $i(c);
	this.pause = false;
	var _this = this;
	
	this.init = function() {
		_this.scrollTimeId = null;
		setTimeout(_this.start,_this.config.start_delay);
	}
	
	this.start = function() {
		var d = _this.container;
		var line_height = d.getElementsByTagName('li')[0].offsetHeight;
		if(d.scrollHeight-d.offsetHeight>=line_height) _this.scrollTimeId = setInterval(_this.scroll,_this.config.speed)
	};
	
	this.scroll = function() {
		if(_this.pause)return;
		var d = _this.container;d.scrollTop+=2;
		var line_height = d.getElementsByTagName('li')[0].offsetHeight;
		//alert(d.scrollTop + "%" + line_height + " : " + d.scrollTop%line_height);
		if(d.scrollTop%(line_height*_this.config.scrollItemCount)<=1){
			if(_this.config.movecount != undefined)
				for(var i=0;i<_this.config.movecount;i++){d.appendChild(d.getElementsByTagName('li')[0]);}
			else for(var i=0;i<_this.config.scrollItemCount;i++){d.appendChild(d.getElementsByTagName('li')[0]);}
			d.scrollTop=0;
			clearInterval(_this.scrollTimeId);
			setTimeout(_this.start,_this.config.delay);
		}
	}
	
	this.container.onmouseover=function(){_this.pause = true;}
	this.container.onmouseout=function(){_this.pause = false;}
}

// 横着滚动
function simpleSideScroll(c,ul,config,direction){
    this.config = config ? config : {start_delay:3000, speed: 23, delay:4000, scrollItemCount:1};
	this.c = $i(c);
	this.ul = $i(ul);
	this.direction = direction ? direction : "left";
	this.pause = false;
	this.buttonlist= new Object();
	this.delayTimeId=null;
	
	var _this = this;

this.c.onmouseover=function(){_this.pause = true;}
	this.c.onmouseout=function(){_this.pause = false;}
	
	this.init = function() {
		_this.scrollTimeId = null;
		setTimeout(_this.start,_this.config.start_delay);
	}
	
	this.start = function() {
		var d = _this.c;
		var width = d.getElementsByTagName('li')[0].offsetWidth;
		if(d.scrollWidth-d.offsetLeft>=width) _this.scrollTimeId = setInterval(_this.scroll,_this.config.speed)
	};
	
	this.scroll = function() {
		if(_this.pause)return;
		var ul= _this.ul;
		var d = _this.c;
		var width = d.getElementsByTagName('li')[0].offsetWidth;
		if(_this.direction == 'left'){
	 d.scrollLeft += 2;
	 if(d.scrollLeft%(width*_this.config.scrollItemCount)<=1){
		 if(_this.config.movecount != undefined)
			 for(var i=0;i<_this.config.movecount;i++){ul.appendChild(ul.getElementsByTagName('li')[0]);}
		 else for(var i=0;i<_this.config.scrollItemCount;i++){ul.appendChild(ul.getElementsByTagName('li')[0]);}
		 d.scrollLeft=0;
		 clearInterval(_this.scrollTimeId);
		 
		 _this.delayTimeId=setTimeout(_this.start,_this.config.delay);
	 }
		}
		else {
		 if(d.scrollLeft==0)
		 {
		 var lis=ul.getElementsByTagName('li');
		 for(var i=0;i<_this.config.scrollItemCount;i++){
		 ul.insertBefore(lis[lis.length-1],lis[0]);
		 }
		 d.scrollLeft = width;
		 }
		 d.scrollLeft -= 2;
		 if(d.scrollLeft%(width*_this.config.scrollItemCount)<=1){
		 d.scrollLeft=0;
		 clearInterval(_this.scrollTimeId);
		 _this.delayTimeId=setTimeout(_this.start,_this.config.delay);
		 }
		}
	}
	
	this.setButton=function(id,direction){
	 if($i(id)){
	 var c=$i(id);
	 var buttonlist =_this.buttonlist;
	 if(buttonlist[id] == undefined){
	 buttonlist[id] =new Object();
	 _this.buttonlist[id][0]=c;
	 _this.buttonlist[id][1]=direction;
	 
	 c.onclick=function(){
	 clearInterval(_this.scrollTimeId);
	 
	 var dir=_this.buttonlist[this.id][1];
	 var d = _this.c;
	 var ul= _this.ul;
	 d.scrollLeft=0;
	 if(dir =="left")
	 {
	 for(var i=0;i<_this.config.scrollItemCount;i++){ul.appendChild(ul.getElementsByTagName('li')[0]);}
	 }
	 else{
	 var lis=ul.getElementsByTagName('li');
		 for(var i=0;i<_this.config.scrollItemCount;i++){
		 ul.insertBefore(lis[lis.length-1],lis[0]);
		 }
	 }
	 
	 _this.direction= dir;
	 clearTimeout(_this.delayTimeId);
	 _this.delayTimeId=setTimeout(_this.start,_this.config.delay);
	 return false;
	 }
	 }
	 }
	}
}
// tab切换
function tabswitch(c, config){
	this.config = config ? config : {start_delay:3000, delay:1500};
	this.container = $i(c);
	this.pause = false;
	this.nexttb = 1;
	this.tabs = this.container.getElementsByTagName('dt');
	var _this = this;
	if(this.tabs.length<1)this.tabs = this.container.getElementsByTagName('li');
	for(var i = 0; i < this.tabs.length; i++){
		var _ec = this.tabs[i].getElementsByTagName('span');
		if(_ec.length<1)_ec = this.tabs[i].getElementsByTagName('a');
		if(_ec.length<1){
			_ec = this.tabs[i]
		}else{
			_ec = _ec[0];
		}
		_ec.onmouseover = function(e) {
			_this.pause = true;
			var ev = !e ? window.event : e;
			_this.start(ev, false, null);
		};
		
		_ec.onmouseout = function() {
			_this.pause = false;
		};
		
		try{
			$i(this.tabs[i].id + '_body_1').onmouseover = function(){
				_this.pause = true;
			};
			
			$i(this.tabs[i].id + '_body_1').onmouseout = function(){
				_this.pause = false;
			};
		}catch(e){}
	}

if ($i(c + '_sts')) {
		var _sts = $i(c + '_sts');
		var _step = _sts.getElementsByTagName('li');
		if(_step.length<1)_step = _sts.getElementsByTagName('div');
		_step[0].onclick = function() {
			if (_this.tabs[_this.tabs.length-1].className.indexOf('current') > -1) {
				_this.nexttb = _this.tabs.length + 1;
			};
			_this.nexttb = _this.nexttb - 2 < 1 ? _this.tabs.length : _this.nexttb - 2;
			//alert(_this.nexttb);
			_this.start(null, null, _this.nexttb);
		};
		
		_step[1].onclick = function() {
			_this.nexttb = _this.nexttb < 1 ? 1 : _this.nexttb;
			_this.start(null, null, _this.nexttb);
		};
	};
	
	this.start = function(e, r, n){
		if(_this.pause && !e)return;
		if(r){
			curr_tab = $i(_this.container.id + '_' + rand(4));
		}else{
			if(n){
				//alert(_this.container.id + '_' + _this.nexttb);
				curr_tab = $i(_this.container.id + '_' + _this.nexttb);
			}else{
				curr_tab = _jsc.evt.gTar(e);
				if(curr_tab.id=="")curr_tab = curr_tab.parentNode;
			}
		}
		
		var tb = curr_tab.id.split("_");
		for(var i = 0; i < _this.tabs.length; i++){
			if(_this.tabs[i]==curr_tab){
				_this.tabs[i].className="hot Selected current";
				try{
					//alert(_this.tabs[i].id);
					$i(_this.tabs[i].id + '_body_1').style.display = "block";
				}catch(e){}
			}else{
				_this.tabs[i].className="";
				try{
					$i(_this.tabs[i].id + '_body_1').style.display = "none";
				}catch(e){}
			}
		}
		_this.nexttb = parseInt(tb[tb.length-1]) >= _this.tabs.length ? 1 : parseInt(tb[tb.length-1]) + 1;
	};
}

// accordion by nowa
function hslide(c){
	this.c = $i(c);
	this.b = $i('slide_body');
	this.h3s = this.c.getElementsByTagName('ul')[0].getElementsByTagName('h3');
	this.sliding = false;
	var _this = this;
	
	for(var i=0;i<this.h3s.length;i++){
		this.h3s[i].onclick = function(e){
			var ev = !e ? window.event : e;
			_this.slide(_jsc.evt.gTar(ev));
		};
	}
	
	this.slide = function(o){
		if(_this.sliding)return;
	
		var bleft = 0;
		var tleft = 0;
		var passed = false;
		var _tab;
		
		for(var i=0;i<_this.h3s.length;i++){
			if(_this.h3s[i]!=o && _this.h3s[i].parentNode.className=='current'){
				_tab = _this.h3s[i];
			}
		}
		
		try{
			var _tabb = $i(_tab.id + '_body');
			var anim = function(){
				_this.sliding = true;
 	n += 69;
 	if(n >= 367){
					_tabb.style.width = "0px";
 		_tabb.style.display = 'none';
 		_tab.parentNode.className = "";
 		window.clearInterval(tt);
					
					o.parentNode.className = 'current';
					var _tabb2 = $i(o.id + '_body');
					_tabb2.style.width = "0px";
					_tabb2.style.display = 'block';
					var anim2 = function(){
						z += 69;
						if(z >= 367){
							_tabb2.style.width = "376px";
							_this.sliding = false;
							window.clearInterval(tt2);
						}else{
							_tabb2.style.width = z + "px";
						}
					},z=0;
					var tt2 = setInterval(anim2, 30);
 	}else{
 		_tabb.style.width = (377 - n) + "px";
 	}
 },n=0;
 var tt = setInterval(anim, 30);
		}catch(e){}
	}
}

this.returnvalue=function(){
        return this.c.getAttribute("val");
    }

this.c.onmouseover=function(){
        var th=_this;
        if(th.hidetimer)
            window.clearTimeout(th.hidetimer);
        th.c.className="mm_select1";
    }

this.c.onmouseout=function(){
        _this.select_none();
    }

this.c.onmousedown=function(){
	    _this.c.className="mm_select2";
	}

this.c.onmouseup=function(){
       var th=_this;
        if(th.hidetimer)
            window.clearTimeout(th.hidetimer);
        th.c.className="mm_select1";    
        
        th.iframe.style.top=_jsc.pos.getY(th.c)+24+"px";
        th.iframe.style.left=_jsc.pos.getX(th.c)+"px"; 
        th.iframe.style.display="block";
        
        th.select.style.top=th.iframe.style.top;
        th.select.style.left=th.iframe.style.left;
        th.select.style.display="block";
        
        if(th.iframe.style.height=="0px")
        {
            th.iframe.style.height=th.select.offsetHeight+"px";
            th.iframe.style.width=th.select.offsetWidth+"px";
        }
    }
 
	this.select_none=function(){
        _this.hidetimer = window.setTimeout(function(){
            _this.c.className="mm_select";
            _this.select.style.display="none";
             _this.iframe.style.display="none";
         },300);
    }

this.init=function(){
 var c=this.c;var divs=new Array();var childs=c.childNodes;
 for(var i=0;i<childs.length;i++)
 { 
 if(childs[i].tagName && childs[i].tagName.toLowerCase() =="div") divs[divs.length]=childs[i];
 }
 this.selecttext=divs[0];
 this.select=divs[1];
 this.iframe=document.createElement("iframe");
 this.iframe.style.cssText="position:absolute;display:none;filter:alpha(opacity=0);opacity:0;border-width:0;height:0px;";
 this.iframe.src="#";
 c.insertBefore(this.iframe,this.select);
 
 this.select.onclick=function(event){
 var tar =event?event.target:window.event.srcElement;
 if(tar.tagName.toLowerCase() =="a")
 {_this.c.setAttribute("val",tar.getAttribute("val"));
 _this.selecttext.innerHTML=tar.innerHTML; }
 this.style.display="none";
 _this.iframe.style.display="none";
 return false;
 }
 if(this.addonclick)
 {
 _jsc.util.addEvent(this.select,"click",this.addonclick);
 }
 this.select.onmouseover=function(){
 var th=_this;
 if(th.hidetimer)
 window.clearTimeout(th.hidetimer);
 }
 this.select.onmousedown=function(event){
 if(_jsc.client.isIE)
 {
 event=window.event;
 event.cancelBubble=true;
 }
 else
 event.stopPropagation();
 }
 }
}

var new_trans, super_rec, crazy_buy, star,bargain_scroll,buy_ok_div;
var select_pr,select_pc,select_cpk;
_jsc.util.addEvent(window, 'load', function() {
		
		if ($i('super_rec')) {	
			super_rec = new tabswitch('super_rec', {});
			setInterval("super_rec.start(null, null, 1);", 5000);
		}
		
		if ($i('star')) {	
			star = new tabswitch('star', {});
			setInterval("star.start(null, null, 1);", 6000);
		}
		
		new_trans = new simplescroll('new_trans', {start_delay:3000, speed: 23, delay:3000, scrollItemCount:1});
		new_trans.init();
		
		crazy_buy = new simplescroll('crazy_buy', {start_delay:3000, speed: 23, delay:3000, scrollItemCount:1});
		crazy_buy.init();
		
		if($i('bargain_scroll')){
		 bargain_scroll=new simpleSideScroll('bargain_scroll','bargain_scroll_ul',{start_delay:3000, speed: 23, delay:3000, scrollItemCount:1},'left')
		 bargain_scroll.setButton('bargain_scroll_left','left');
		 bargain_scroll.setButton('bargain_scroll_right','right');
		 bargain_scroll.init();
		}
		
		if($i('buy_ok_div')){
		 buy_ok_div=new simpleSideScroll('buy_ok_div','buy_ok_ul',{start_delay:3000, speed: 23, delay:3000, scrollItemCount:1},'left')
		 buy_ok_div.setButton('buy_ok_scroll_left','left');
		 buy_ok_div.setButton('buy_ok_scroll_right','right');
		 buy_ok_div.init();
		}
		
		
		if($i('category')){
		 var category_lis = $i('category').getElementsByTagName("li");
		 for(var i=0;i<category_lis.length;i++){
		 category_lis[i].onmouseover=function(){
		 this.className +=" onmouse";
		 }
		 category_lis[i].onmouseout=function(){
		 this.className = this.className.replace(" onmouse","").replace("onmouse","")
		 }
		 }
		}
		
		init_imh();
		
		if($i("select_arp")){
		 init_arp();
 select_pr=new mm_select("select_arp");select_pr.addonclick=change_city; select_pr.init();
 
 select_pc=new mm_select("select_arc"); select_pc.init();
 select_cpk=new mm_select("batch_schCPK");select_cpk.init();
 }
});</script>
</head>

<body>

<DIV class="bg_a star_order">
<DIV class=tr></DIV>
<DIV class=bl></DIV>
<DIV class=br></DIV>
<H3>站长信用排行</H3><A class=more_a_red href="#" target=_blank>更多</A> 
<UL class=star_ul id=star>
<LI class=current id=star_1><A href="#" target=_blank>一星</A> </LI>
<LI id=star_2><A href="#" target=_blank>二星</A> </LI>
<LI id=star_3><A href="#" target=_blank>三星</A> </LI>
<LI id=star_4><A href="#" target=_blank>四星</A> </LI>
<LI id=star_5><A href="#" target=_blank>五星</A> </LI>
<LI id=star_6><A href="#" target=_blank>钻石</A> </LI></UL>
<DIV class="bg_c star_body">
<DIV class=tl></DIV>
<DIV class=tr></DIV>
<DIV class=bl></DIV>
<DIV class=br></DIV>
<DIV>
<UL id=star_1_body_1 style="DISPLAY: block">
<LI><A href="http://www.2ky.cn" target=_blank>1猫猫商铺好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2便宜实惠广告营好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3t6t8新网游好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>4招聘会商铺好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5慧眼商铺好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>6闪播好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>7计算机编程技术站好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8新视听广告联盟好评10次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>9花之苑好评10次</A> 
<LI><A href="#/10010547.htm" target=_blank>10手工爱好者论坛好评10次</A> </LI></UL>
<UL id=star_2_body_1>
<LI><A href="http://www.2ky.cn" target=_blank>1超便宜贼划算广告位 好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2平安软件好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3coyou好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>4偶愛電影好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5夏姐的广告铺好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>6泥巴乐站长站广告铺好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>7厦门生活网群之家好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8無聊論壇好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>9广告大甩卖了！好评40次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>10水荷直竹好评40次</A> </LI></UL>
<UL id=star_3_body_1>
<LI><A href="http://www.2ky.cn" target=_blank>1虎行天下好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2必赢客好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3未来广告商铺好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>4有间鬼铺 好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5户外网好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>6大学精彩广告好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>7酷校内专卖好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8深圳单身网好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>9广而告之好评90次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>10宝贝开门好评89次</A> </LI></UL>
<UL id=star_4_body_1>
<LI><A href="http://www.2ky.cn" target=_blank>1低调的广告商铺好评150次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2九维动感广告超市好评150次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3溜吧娱乐好评150次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>4仙女湖网吧 好评149次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5不知道好评149次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>6碧天广告吧好评147次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>7针对女性和年轻人广告位好评147次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8奇缘工作室好评147次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>9女儿国好评147次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>10国际家族联盟专卖店好评147次</A> </LI></UL>
<UL id=star_5_body_1>
<LI><A href="http://www.2ky.cn" target=_blank>1爱靓酷酷好评250次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2奔腾网络好评250次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3搜房子好评249次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>4北京商盟夏都数码好评248次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5WisMencoder广告好评246次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>6粤西商机在线好评245次</A> 
<LI><A href="#/10143513.htm" target=_blank>7标准网广告商铺好评245次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8低价广告专卖好评244次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>9青色天空网络广告好评243次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>10急速网络广告铺好评242次</A> </LI></UL>
<UL id=star_6_body_1>
<LI><A href="http://www.2ky.cn" target=_blank>1藏拙空间联盟好评5010次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>2街机中国好评3227次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>3鑫鑫网系列广告好评2249次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>45分广告 好评2107次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>5济南手机号网好评1961次</A> 
<LI><A href="http://www.2ky.cn/" target=_blank>6敏特网好评1678次</A> 
<LI><A href="http://www.2ky.cn/" target=_blank>7香香网好评1479次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>8清风好评1223次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>98G.cc网好评1212次</A> 
<LI><A href="http://www.2ky.cn" target=_blank>10合浦珍珠网好评1190次</A> </LI></UL></DIV></DIV></DIV>
<SCRIPT language="JavaScript"> 
 
</SCRIPT>

</body>
</html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章： css仿腾讯网多行多列导航菜单效果

下一篇文章： js特效鼠标hover滑动门导航栏

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

阿里妈妈竖向选项卡js特效网页脚本

推荐阅读：

相关代码：

标签分类