`
enix2212
  • 浏览: 24088 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
sp42
社区版块
存档分类
最新评论

选项卡

javascript 
阅读更多 
<!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=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id="tab">
	<li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
</div>
<div id="sub">
	<div>a</div>
    <div>b</div>
    <div>c</div>
    <div>d</div>
</div>
<script type="text/javascript">
function Tab(d){if(!(this instanceof arguments.callee)){return new arguments.callee(d)}var a,c,b;(c=document,b=this,a=arguments.callee);b.T=c.getElementById(d.t);b.S=c.getElementById(d.s);b.E={mouseover:1,click:1}[d.eType]===1?d.eType:"click";b.C=d.current||"current";b.tag=d.tag||"li";b.t=b.T.getElementsByTagName(b.tag);b.s=b.S.children;b.index=d.index>b.s?0:d.index-1;if(b.t.length===0||!b.T||b.t.length!==b.s.length){return false}b.handler||(a.prototype.handler=function(){var e=b.t.length;for(;e>0;void function(f){b.addEvent(b.t[f],b.E,function(g){g=g||window.event;b.control(f);b.stopEvent(g)},false)}(--e)){}});a.fn=a.prototype;a.fn.constructor=a;a.fn.addEvent=function(i,h,g,f){var e=arguments.callee;i.attachEvent&&(e=function(l,k,j){l.attachEvent("on"+k,j)}).apply(this,arguments);i.addEventListener&&(e=function(l,k,j){l.addEventListener(k,j,f||false)}).apply(this,arguments);i["on"+h]&&(e=function(l,k,j){l["on"+k]=function(){j()}}).apply(this,arguments)};a.fn.trigger=function(g,f){var e,h=document;undefined!==h.createEvent?(e=h.createEvent("MouseEvents"),e.initMouseEvent(f,true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null),g.dispatchEvent(e)):(e=h.createEventObject(),e.screenX=100,e.screenY=0,e.clientX=0,e.clientY=0,e.ctrlKey=false,e.altKey=false,e.shiftKey=false,e.button=false,g.fireEvent("on"+f,e))};a.fn.stopEvent=function(f){f.returnValue=false;f.preventDefault();f.cancelBubble=false;f.stopPropagation()};a.fn.control=function(e){b.off(e);b.t[e].className=b.C;b.s[e].style.display="block"};a.fn.off=function(e){var f=b.s.length;for(;f>0;){if(--f!==e){b.s[f].style.display="none";b.t[f].removeAttribute("class")}}};b.handler();b.trigger(b.t[b.index||0],b.E)};

new Tab({t:'tab',s:'sub',tag:'a',index:3})
</script>

</body>
</html>
分享到：
| scroll base
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics