① [JS高分 JS特效求助]JS菜单特效
改好了`要优化`修改了HTML页面和其JS`CSS没动
<link href="css.css" rel="stylesheet" type="text/css">
<script>
<!--
var s=490;
var minheight=52;
var maxheight=200;
function shoppingcat(obj){
var key = obj.innerText;
var content=document.getElementById("content");
if(content.style.pixelHeight==0)content.style.pixelHeight=minheight;
if(key=="展开"){
content.style.pixelHeight+=s;
if(content.style.pixelHeight<maxheight){
setTimeout("shoppingcat();",1);
}else{
obj.innerText="关闭";
}
}else{
content.style.pixelHeight-=s;
if(content.style.pixelHeight>minheight){
setTimeout("shoppingcat(obj);",1);
}else{
obj.innerText="展开";
}
}
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
<!--
.STYLE1 {color: #DAE0E0}
-->
</style>
<div id="content2">
<table width="860" border="0">
<tr>
<td width="854"><select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
<option>足球</option>
<option>美式足球</option>
</select>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>3</option>
</select>
<select name="select3" onchange="MM_jumpMenu('parent',this,0)">
<option>2</option>
</select>
<select name="select4" onchange="MM_jumpMenu('parent',this,0)">
<option>1</option>
</select>
<label>
<input type="submit" name="Submit" value="提交" />
</label></td>
</tr>
</table>
<table width="858" height="30" border="1" cellpadding=0 cellspacing=0 bordercolor=#000000 bordercolordark=#ffffff bgcolor="EDEFEE">
<tr>
<td width="21" height="30" align="center" bgcolor="#000000" style="cursor: hand"><b><img src="images/+.gif" alt="展开" width="11" height="11" /></b></td>
<td width="194" bgcolor="#000000"><div align="center" class="xingcheng">赛事</div></td>
<td width="119" bgcolor="#000000"><div align="center" class="xingcheng">时间</div></td>
<td colspan="2" bgcolor="#000000"><div align="center" class="xingcheng">大于个结果则进行分页</div></td>
<td width="58" bgcolor="#000000"><div align="center" class="xingcheng">修改</div></td>
<td width="69" bgcolor="#000000"><div align="center" class="xingcheng">删除</div></td>
</tr>
</table>
</div>
<div id="content" name="content">
<table width="858" height="452" border=1 align="center" cellpadding=0 cellspacing=0 bordercolor=#000000 bordercolordark=#ffffff bgcolor="EDEFEE">
<tr>
<td width=21 height="30" align="center" style="cursor: hand">
<span id="key" name="keyname" onclick="shoppingcat(this);">展开</span>
</td>
<td width="197"><div align="center"><span class="text_saishi_12">1VS2</span><br />
<span class="text_saishi_12_a">2010</span></div></td>
<td width="119" height="40"></td>
<td width="192"><div align="center"><span class="text_saishi_12">1</span></div></td>
<td width="192"><div align="center"><span class="text_saishi_12">1</span></div></td>
<td width="59"><div align="center"><img src="images/tongji.gif" width="19" height="17" /></div></td>
<td width="64"><div align="center" ><img src="images/shanchu.gif" width="23" height="18" /></div></td>
</tr>
<tr>
<td height="30" colspan="2" align="center" style="cursor: hand"></td>
<td bgcolor="#D61125"><div align="center" class="text_hui_12">a</div></td>
<td bgcolor="#D61125"><div align="center" class="text_hui_12">b</div></td>
<td bgcolor="#D61125"><div align="center" class="text_hui_12">c</div></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="30" colspan="2" rowspan="3" align="center" style="cursor: hand"></td>
<td rowspan="3"><div align="center" class="text_saishi_12_a">d</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td height="40"></td>
<td></td>
</tr>
<tr>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td height="40" bgcolor="#DAE0E0"></td>
<td bgcolor="#DAE0E0"></td>
</tr>
<tr>
<td><div align="center" class="xingcheng3">e</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td height="40"></td>
<td></td>
</tr>
<tr>
<td height="30" colspan="2" rowspan="3" align="center" style="cursor: hand"></td>
<td rowspan="3"><div align="center" class="text_saishi_12_a">1</div></td>
<td bgcolor="#DAE0E0"></td>
<td bgcolor="#DAE0E0"></td>
<td bgcolor="#DAE0E0" height="40"></td>
<td bgcolor="#DAE0E0"></td>
</tr>
<tr>
<td><div align="center" class="xingcheng3">e</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td height="40"></td>
<td></td>
</tr>
<tr>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td bgcolor="#DAE0E0" height="40"></td>
<td bgcolor="#DAE0E0"></td>
</tr>
<tr>
<td height="30" colspan="2" rowspan="3" align="center" style="cursor: hand"></td>
<td rowspan="3"><div align="center" class="text_saishi_12_a">1</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td></td>
<td height="40"></td>
</tr>
<tr>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td bgcolor="#DAE0E0"><div align="center" class="xingcheng3">e</div></td>
<td bgcolor="#DAE0E0"></td>
<td height="40" bgcolor="#DAE0E0"></td>
</tr>
<tr>
<td><div align="center" class="xingcheng3">e</div></td>
<td><div align="center" class="xingcheng3">e</div></td>
<td></td>
<td height="40"></td>
</tr>
<tr>
<td height="30" colspan="2" align="center" style="cursor: hand"></td>
<td></td>
<td height="100" colspan="4" bgcolor="#DAE0E0"><span class="text_saishi_12_a">1</span></td>
</tr>
</table>
</div><br>
② 世界上有哪些体育赛事
奥运项目
夏季
-田径
标枪 长跑 短跑 撑竿跳高 接力赛跑 竞走 铅球 跳高 中跑 障碍跑铁饼 链球 跨栏跑 马拉松跑 七项全能 十项全能 跳远 三级跳远
-游泳
个人混合泳 蝶泳 蛙泳 仰泳 自由泳 花样游泳 接力游泳
-举重
挺举 抓举
-射击
手枪射击 步枪射击 飞碟射击 移动靶射击
-体操
高低杠 鞍马 单杠 吊环 平衡木 双杠 跳马 艺术体操 自由体操
-击剑
花剑 重剑 佩剑
-跳水
跳台跳水 跳板跳水
-足球 篮球 排球 手球 水球 网球 棒球 垒球 沙滩排球
-羽毛球 乒乓球 曲棍球 马术 赛艇 射箭 帆船 拳击 蹦床
-皮划艇 自行车 跆拳道 铁人三项 现代五项
冬季
-滑雪
北欧两项 滑降 回转 大回转 跳台滑雪 高山滑雪 越野滑雪 自由滑雪
-滑冰
冰上舞蹈 花样滑冰 速度滑冰 短跑道速度滑冰
-冰球 无舵雪橇 运动雪橇 有舵雪橇 冰上溜石 现代冬季两项