http://pstatic.xunlei.com/js/search.js
http://pstatic.xunlei.com/js/searchwords.js
迅雷的两个主要文件下载了自己学习一下。
其中它调用的是restype这个函数，在search里。
http://pstatic.xunlei.com/js/searchwords.js
迅雷的两个主要文件下载了自己学习一下。
其中它调用的是restype这个函数，在search里。
可是我完全不懂JavaScript啊...
我正在学ASP.NET C#...正在尝试着做页面...
ASP.NET有个MultiView能实现但是要做到完全一样还要用到AJAX，偶不会AJAX...
- -...我真的要疯了....
这位老师您能简单的讲解一下吗？或者哪本书入门的书重点讲解了这个地方能否给我推荐一下？
还有请问这个效果在JS里面叫做什么？或者这是用什么原理做的？
麻烦老师了！谢谢您！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
/*导航菜单样式*/
.mmul{padding:0;margin:0; list-style-type:none}
.mmul li{float:left;width:60px;padding:3px;background:#FFDDDD;color:#000; cursor:pointer;text-align:center}
/*内容层样式*/
#nr{width:180px; clear:left}
</style>
<script language="javascript">
var mya=1;//当前显示内容编号,1为初始编号
window.onload=function()
{
for(var i=1;i<=3;i++)
{
document.getElementById("a"+i).onmouseover=aOver;//注册鼠标经过事件
}
document.getElementById("a"+mya).style.backgroundColor="#FBB";//初始导航栏背景颜色
document.getElementById("a"+mya).style.color="#F00";//初始导航栏文件颜色
document.getElementById("nr").innerHTML=document.getElementById("div"+mya).innerHTML;//初始中内容
}
function aOver()
{
this.style.backgroundColor="#FBB";//当前选中导航栏背景颜色
this.style.color="#F00";//当前选中导航栏文件颜色
document.getElementById("a"+mya).style.backgroundColor="#FDD";//将上一个导航栏样式恢复
document.getElementById("a"+mya).style.color="#000";//将上一个导航栏样式恢复
document.getElementById("nr").innerHTML=document.getElementById("div"+this.id.slice(-1)).innerHTML;//得到当前的内容
mya=this.id.slice(-1);//将当前选中编号记录在mya
}
</script>
</head>
<body>
<div style="display:none"><!--此DIV为隐藏状态,存放相关栏目内容,后面数字为对应编号-->
<div id="div1">存放相关内容aaAAAA AAAAAA AAAAAAA AAAAA</div>
<div id="div2">存放相关内容BBBBBB BBBB BBBBB BBBBBB</div>
<div id="div3">存放相关内容ccCCCC CCCCCCC CCCCC CCCC</div>
</div>
<ul class="mmul">
<li id="a1">aa</li>
<li id="a2">bb</li>
<li id="a3">cc</li>
</ul>
<div id="nr"></div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
/*导航菜单样式*/
.mmul{padding:0;margin:0; list-style-type:none}
.mmul li{float:left;width:60px;padding:0px;background:#FFDDDD;color:#000; cursor:pointer;text-align:center}
/*内容层样式*/
#nr{width:180px; clear:left}
</style>
<script language="javascript">
var mya=1;//当前显示内容编号,1为初始编号
window.onload=function()
{
for(var i=1;i<=3;i++)
{
document.getElementById("a"+i).onmouseover=aOver;//注册鼠标经过事件
}
document.getElementById("a"+mya).style.backgroundColor="#FBB";//初始导航栏背景颜色
document.getElementById("a"+mya).style.color="#F00";//初始导航栏文件颜色
document.getElementById("nr").innerHTML=document.getElementById("div"+mya).innerHTML;//初始中内容
}
function aOver()
{
this.style.backgroundColor="#FBB";//当前选中导航栏背景颜色
this.style.color="#F00";//当前选中导航栏文件颜色
document.getElementById("a"+mya).style.backgroundColor="#FDD";//将上一个导航栏样式恢复
document.getElementById("a"+mya).style.color="#000";//将上一个导航栏样式恢复
document.getElementById("nr").innerHTML=document.getElementById("div"+this.id.slice(-1)).innerHTML;//得到当前的内容
document.getElementById("nr").style.backgroundColor="#FBB"
mya=this.id.slice(-1);//将当前选中编号记录在mya
}
</script>
</head>
<body>
<div style="display:none"><!--此DIV为隐藏状态,存放相关栏目内容,后面数字为对应编号-->
<div id="div1">存放相关内容aaAAAA AAAAAA AAAAAAA AAAAA</div>
<div id="div2">存放相关内容BBBBBB BBBB BBBBB BBBBBB</div>
<div id="div3">存放相关内容ccCCCC CCCCCCC CCCCC CCCC</div>
</div>
<ul class="mmul">
<li id="a1">aa</li>
<li id="a2">bb</li>
<li id="a3">cc</li>
</ul>
<div id="nr"></div>
</body>
</html>
因为如果a1 a2 a3里面的代码中带id，就会也被复制有相同的id,有导致提示脚本错误的可能。