时间:2021-05-28
根据yaohaixiao的Ajax标签导航效果:http://plete"
if(xmlHttp.readyState==4){
//onlyhttp200toprocess
if(window.location.href.indexOf("http")==-1||xmlHttp.status==200){
newsstring=xmlHttp.responseText;
//injectcententtotab-pane
shownews(requestType,newsstring);
ajccache[url]=newsstring;//把已访问的数据缓存下来
}
}
}
functionshownews(requestType,newsstring){
//<![CDATA[
responsecont=getObject(requestType+'_cnt');
responsecont.innerHTML=newsstring;
//]]>
}
functionTabNews(tagid,x){
for(vari=1;i<=7;i+=2){
if(i==x){
getObject(tagid+i).className="tabactive"+i;
if(i!=1){
getObject(tagid+(i-1)).style.display="none";
if(i!=7){
getObject(tagid+(i+1)).style.display="none";
}
}
if(i==1){
getObject(tagid+"2").style.display="none";
}
try{
getnews(tagid,i);
}
catch(e){
alert(e);
}
}
else
{
getObject(tagid+i).className="";
if(i!=7){
getObject(tagid+(i+1)).style.display="block";
}
}
}
}
varidn;
functionaet(objid,tagid,etp){//为LI加上事件objid:容器IDtagid:组别etp:触发类型0-onmouseover1-onclick
variif=0;
varlis=objid.getElementsByTagName('li');
requestType=tagid;
url="tab/"+requestType+"_1.html";
ajccache[url]=getObject(requestType+'_cnt').innerHTML;
for(variy=0;iy<lis.length;iy++){
if(iif==0){
iif=1;
with(lis[iy]){
if(etp==0){
lis[iy].onmouseover=function(){
if(this.status=="active")return;
requestType=attributes.getNamedItem('id').value.substring(0,attributes.getNamedItem('id').value.length-1);
idn=parseInt(attributes.getNamedItem('id').value.substring(attributes.getNamedItem('id').value.length-1,attributes.getNamedItem('id').value.length));
clearTimeout(waitInterval);
waitInterval=window.setTimeout("TabNews(requestType,idn);",MouseDelayTime);
}
lis[iy].onmouseout=function(){if(this.status=="active")return;clearTimeout(waitInterval);}
}
if(etp==1){
lis[iy].onmouseover=function(){}
lis[iy].onclick=function(){
if(this.status=="active")return;
requestType=attributes.getNamedItem('id').value.substring(0,attributes.getNamedItem('id').value.length-1);
idn=parseInt(attributes.getNamedItem('id').value.substring(attributes.getNamedItem('id').value.length-1,attributes.getNamedItem('id').value.length));
varloadstatustext="<divclass='loading'><imgsrc='images/loading.gif'/>Loadingrequestcontent,pleasewait...</div>";
getObject(requestType+'_cnt').innerHTML=loadstatustext;
TabNews(requestType,idn);
}}}}
else{iif=0;}
}
}
functionata(objid){//一个无关的函数,为解决一个链接问题
varas=objid.getElementsByTagName('a');
for(vari=0;i<as.length;i++){
as[i].pathname="/showfile.html";
}
}
//-->
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
之前在平台给大家分享了网易首页导航封装类、网易首页导航封装类优化,今天在前两个的基础上仿下今日头条。1.网易首页导航封装类中主要解决了上面导航的ScrollVi
本文实例讲述了div+css实现仿猪八戒首页导航菜单效果。分享给大家供大家参考。具体如下:这是一款仿猪八戒2010年首页的网页导航菜单,蓝色风格,非常漂亮大气、
本文实例讲述了JS实现仿雅虎首页快捷登录入口及导航模块效果。分享给大家供大家参考。具体如下:这是一款JS实现仿雅虎首页网站快捷入口导航模块的代码,里面有用户登录
本文实例讲述了js实现仿网易点击弹出提示同时背景变暗效果。分享给大家供大家参考。具体如下:这里仿网易点击弹出提示,背景变暗提示层效果,圆角,美观简洁,代码稍嫌多
本文实例讲述了jquery实现的仿天猫侧导航tab切换效果。分享给大家供大家参考。具体如下:这里演示jquery实现仿天猫侧导航tab切换效果,引入外部JS,若