首先，建议你仍然采用 windowonload 的写法，不要用 function cs(){} 的写法，因为前者可以实现js代码与html代码完全分离的流行做法，利于分工合作，还可提高运行效率。
如果坚持使用后者，就这样：
var sf=['冬藏','养气','出巡','不日抵达','即归','避暑','散心','纳凉','丰收','理政','纳妃','跨年'];function cs(e){
var b=eparentNodegetElementsByTagName("li");
for(var i=0; i<blength;i++){
b[i]className=(b[i]==e)'on':'';
}
var n=egetElementsByTagName("h2")[0]innerHTML;
neiinnerHTML='<h2>'+n+'月活动</h2><p>'+sf[n-1]+'</p>'
}<div id="div2" class="you">
<ul>
<li onmouseover="cs(this);"><h2>1</h2><p>JAN</p></li>
<li onmouseover="cs(this);"><h2>2</h2><p>FER</p></li>
<li onmouseover="cs(this);"><h2>3</h2><p>MAR</p></li>
<li onmouseover="cs(this);"><h2>4</h2><p>ARP</p></li>
<li onmouseover="cs(this);"><h2>5</h2><p>MAY</p></li>
<li onmouseover="cs(this);"><h2>6</h2><p>JUN</p></li>
<li onmouseover="cs(this);"><h2>7</h2><p>JUL</p></li>
<li onmouseover="cs(this);"><h2>8</h2><p>AUG</p></li>
<li onmouseover="cs(this);"><h2>9</h2><p>SEP</p></li>
<li onmouseover="cs(this);"><h2>10</h2><p>OCT</p></li>
<li onmouseover="cs(this);"><h2>11</h2><p>NOV</p></li>
<li onmouseover="cs(this);"><h2>12</h2><p>DEC</p></li>
</ul>
<div id="nei" class="xianshi">
<h2>1月活动</h2>
<p>1月冬藏</p>
</div>
</div>
如果采用事件冒泡，可以简化一下代码：
var sf=['冬藏','养气','出巡','不日抵达','即归','避暑','散心','纳凉','丰收','理政','纳妃','跨年'];function cs(e){
var e=e||windowevent;
if(etargettagName=="LI"){
var b=ecurrentTargetgetElementsByTagName("li");
for(var i=0; i<blength;i++){
b[i]className=(b[i]==etarget)'on':'';
}
var n=etargetgetElementsByTagName("h2")[0]innerHTML;
neiinnerHTML='<h2>'+n+'月活动</h2><p>'+sf[n-1]+'</p>'
}
}<div id="div2" class="you">
<ul onmouseover="cs(event);">
<li><h2>1</h2><p>JAN</p></li>
<li><h2>2</h2><p>FER</p></li>
<li><h2>3</h2><p>MAR</p></li>
<li><h2>4</h2><p>ARP</p></li>
<li><h2>5</h2><p>MAY</p></li>
<li><h2>6</h2><p>JUN</p></li>
<li><h2>7</h2><p>JUL</p></li>
<li><h2>8</h2><p>AUG</p></li>
<li><h2>9</h2><p>SEP</p></li>
<li><h2>10</h2><p>OCT</p></li>
<li><h2>11</h2><p>NOV</p></li>
<li><h2>12</h2><p>DEC</p></li>
</ul>
<div id="nei" class="xianshi">
<h2>1月活动</h2>
<p>1月冬藏</p>
</div>
</div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">H 这是一个系列的标签，从H1到H6，一共六个，有人说太少了，有人说正好用，有人说用不了这么多。反正我是觉得差不多。正确写法是：<h></h>主要是用来存放标题，也有一些朋友用来作它用拿来作其它用处，个人觉得这个标签还是让他安生一点，就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。
ul,li 这是一个列表，在列表中，除了UL还OL，不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL，有UL就可以了。UL是块级的，他的子级li也是块级标签。正确的写法是<ul><li></li></ul> LI标签是被UL标签包裹的，在UL标签里可以有无数个LI标签，LI标签不能独立使用。并且LI标签一定要封口，这不光是美观问题，对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的，同一类型的数据。具体的比如使用在菜单上，文章中列数的一些条例等等。
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
1、无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
2、有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
3、定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
4、不同类型的有序列表
本例演示不同类型的有序列表。
5、这就是我们常用到的HTML列表标签
以上所有的列表项内部可以使用段落、换行符、、链接以及其他列表等
先写一下网页布局
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
通过定义div的宽度和li浮动向左就可以实现你要的结果
div{width:900px}
li{float:left}Fileupload1是一个上传控制的空间。
不能简单的说<li>是什么作用。
你应该明白，ASP的空间我们一般用的全部是Web控件。
你的那个text的值是显示一个上传文件的名称吧！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）