达人帮我给这段代码做个注释!谢谢! 详细注释应该不用了吧,很多单词的语义不明,一两分钟也看不出参数是什么意思大概是一个accordion的效果,加上了一个tween的方程来控制效果,比如弹簧效果. 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 对,就是滑动门效果,有哪位高人能给段带详细注释的代码,简单点的,我也是刚刚才接触这个,看不太懂或者帮忙注释一下下面这段,比上面那个简单!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿网易的滑动门技术,用DIV+CSS技术实现</title><style type="text/css"><!--#header {background-color: #F8F4EF;height: 200px;width: 400px;margin: 0px;padding: 0px;border: 1px solid #ECE1D5;font-family: "宋体";font-size: 12px;}#menu {margin: 0px;padding: 0px;list-style-type: none;}#menu li {display: block;width: 100px;text-align: center;float: left;margin: 0px;padding-top: 0.2em;padding-right: 0px;padding-bottom: 0.2em;padding-left: 0px;cursor: hand;}.sec1 { background-color: #FFFFCC;}.sec2 { background-color: #00CCFF;}.block { display: block;}.unblock { display: none;}--></style></head><body><script language=javascript>function secBoard(n){for(i=0;i<menu.childNodes.length;i++)menu.childNodes[i].className="sec1";menu.childNodes[n].className="sec2";for(i=0;i<main.childNodes.length;i++)main.childNodes[i].style.display="none";main.childNodes[n].style.display="block";}</script><div id="header"><ul id="menu"><li onMouseOver="secBoard(0)" class="sec2">最新新闻</li><li onMouseOver="secBoard(1)" class="sec1">最新文章</li><li onMouseOver="secBoard(2)" class="sec1">最新日志</li><li onMouseOver="secBoard(3)" class="sec1">论坛新帖</li></ul><!--内容显示区域--><ul id="main"><li class="block">第一个内容</li><li class="unblock">第二个内容</li><li class="unblock">第三个内容</li><li class="unblock">第四个内容</li></ul><!--内容显示区域--></div></body></html> 求解一个关于activex 和JS 运行先后问题 JS IE和Firefox兼容不了 怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口 怎么用正则表达式表达一些特殊字符(在线等...) 用js动态生成的radio,结果点击没用????? iframe(frame)能否实时读取网址? 如何做到对这样的一个数组进行格式化并使其按降序排列 求救!简单问题 取jsp页面内容 关于table的一些问题 onclicK事件没有反应 用JavaScript实现的一个菜单被FLASH挡住,大家看有办法解决没
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>仿网易的滑动门技术,用DIV+CSS技术实现</title>
<style type="text/css">
<!--
#header {
background-color: #F8F4EF;
height: 200px;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #ECE1D5;
font-family: "宋体";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
width: 100px;
text-align: center;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFFCC;}
.sec2 { background-color: #00CCFF;}
.block { display: block;}
.unblock { display: none;}
-->
</style>
</head>
<body>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
</script>
<div id="header">
<ul id="menu">
<li onMouseOver="secBoard(0)" class="sec2">最新新闻</li>
<li onMouseOver="secBoard(1)" class="sec1">最新文章</li>
<li onMouseOver="secBoard(2)" class="sec1">最新日志</li>
<li onMouseOver="secBoard(3)" class="sec1">论坛新帖</li>
</ul>
<!--内容显示区域-->
<ul id="main">
<li class="block">第一个内容</li>
<li class="unblock">第二个内容</li>
<li class="unblock">第三个内容</li>
<li class="unblock">第四个内容</li>
</ul>
<!--内容显示区域-->
</div>
</body>
</html>