① [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>
② 世界上有哪些體育賽事
奧運項目
夏季
-田徑
標槍 長跑 短跑 撐竿跳高 接力賽跑 競走 鉛球 跳高 中跑 障礙跑鐵餅 鏈球 跨欄跑 馬拉松跑 七項全能 十項全能 跳遠 三級跳遠
-游泳
個人混合泳 蝶泳 蛙泳 仰泳 自由泳 花樣游泳 接力游泳
-舉重
挺舉 抓舉
-射擊
手槍射擊 步槍射擊 飛碟射擊 移動靶射擊
-體操
高低杠 鞍馬 單杠 吊環 平衡木 雙杠 跳馬 藝術體操 自由體操
-擊劍
花劍 重劍 佩劍
-跳水
跳台跳水 跳板跳水
-足球 籃球 排球 手球 水球 網球 棒球 壘球 沙灘排球
-羽毛球 乒乓球 曲棍球 馬術 賽艇 射箭 帆船 拳擊 蹦床
-皮劃艇 自行車 跆拳道 鐵人三項 現代五項
冬季
-滑雪
北歐兩項 滑降 回轉 大回轉 跳台滑雪 高山滑雪 越野滑雪 自由滑雪
-滑冰
冰上舞蹈 花樣滑冰 速度滑冰 短跑道速度滑冰
-冰球 無舵雪橇 運動雪橇 有舵雪橇 冰上溜石 現代冬季兩項