读书人

简略滑动内容区域

发布时间: 2012-11-05 09:35:12 作者: rapoo

简单滑动内容区域

//添加事件函数    var tabDiv = document.getElementById('tabs6');    EventUtil.addHandler(tabDiv,'mouseover',doMouseOver);//触发函数function doMouseOver(event){    var event = EventUtil.getEvent(event);    var target = EventUtil.getTarget(event);    if(target.tagName.toLowerCase() == 'span'){        changeContent(target.id);    }}//改变内容显示function changeContent(id){    var index = Number(id.substring(id.length-1,id.length)) - 1;        var content = document.getElementById('content');    var contentDiv = content.getElementsByTagName('li');    for(var i=0,len = contentDiv.length;i < len;i++){        if(i == index){            contentDiv[index].className = 'showContent';        }else{            contentDiv[i].className = 'hideContent';        }    }}

读书人网 >Web前端

热点推荐