tab页的div怎么放入另一个jsp_如何利用JavaScript代码HTML代码中tab标签实现切换效果，点击一个链接另一个页面？...

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

tab栏效果

*{margin:0; padding:0; list-style:none;}

.box{width:450px; overflow:hidden; border:1px solid #000; margin:50px auto; padding:10px;}

h2{height:30px; font-size:14px; padding-left:10px;}

span{float:left; width:100px; height:30px; line-height:30px; margin-right:10px; background:#CCC; text-align:center; cursor:pointer;}

span.cur{background:#FC9;}

li{height:200px; background:#FC9; display:none;}

li.cur{display:block;}

window.onload = function(){

function fun(myId){

var wrap = document.getElementById(myId);

var spans = wrap.getElementsByTagName('span');

var lis = wrap.getElementsByTagName('li');

for(var i = 0; i 

spans[i].index = i;

spans[i].onmouseover = function(){

for(var i = 0; i 

spans[i].className = '';

lis[i].className = '';

}

this.className = 'cur';

lis[this.index].className = 'cur';

}

}

}

fun('all')

}

新闻

娱乐

游戏

财经

• 新闻
• 娱乐
• 游戏
• 财经