网页中,标签随鼠标移动而变化!

来源:百度知道 编辑:UC知道 时间:2024/05/29 16:45:47
想要一种网页效果,像新浪首页上,"体育"和"NBA"两块内容的标签一样,当鼠标在"体育"标签上,则相应内容块中显示"体育"的内容,选到"NBA"则显示"NBA"的内容.

应如何编写?请教各位了,请写的详细些噢!

第一种:

<html>
<head>
<title>光标移到换标签↑↓</title>
<script language="JavaScript">
//当前项加重显示
function csszl1(cs)
{
for (var i=0;i<3;i++)
{
//eval("ie5menu"+i+".className='menu1';");
eval("tab1_"+i+".className='menu3';");
eval("submenutab1_" + i + ".style.display=\"none\";");

eval("tab1_"+i+".className='menu2';");
eval("submenutab1_" + i + ".style.display=\"none\";");
}
eval(cs+".className='menu1';");
eval("submenu" + cs + ".style.display=\"block\";");
}

function onover(obj)
{
obj.className="tdOnOver";
}
</SCRIPT>
</head>
<style type="text/css"&g