这个JS特效怎么改？？？

Question

这是一个折叠展开的JS特效，我想把这个效果改成默认第一个显示，鼠标移开不收起，可以套用在DATALIST！！请各位帮帮忙！！
css部分：
table{width:100px;overflow:hidden;} 
#control,#control table,#control table td{font-size:12px;} 
#control{width:100px;background-color:#ccc;font-size:12px;color:#333333;text-align:center;} 
#control table{width:100px;height:20px;overflow:hidden;} 
#control table li{list-style:none;height:20px;line-height:20px;overflow:hidden;} 
#control table .tabTit{background:#E0E8B8;} 
#control a{font-weight:normal;font-size:24px;color:#6F7848;text-decoration:none;padding-right:10px;} 
#control .testLink{font-weight:bold;font-size:12px;} 
.test{width:100px;background-color:#f6f6f6;overflow:hidden;} 
.test li{list-style:none;color:#000;font-size:13px;line-height:20px;} 
#control table,.test table{margin:0 auto;text-align:center;} 
.style1{font-size:8px;color:#fff;} 
js代码：function $G(Read_Id) { return document.getElementById(Read_Id) } 
var openedObjId=null 
function Effect(ObjectId){ 
    if (openedObjId){ 
        $G(openedObjId+"tab").innerHTML = "<a href=# >+</a>"; 
        Start(openedObjId,'Close'); 
    } 
    if(openedObjId!=ObjectId){ 
        $G(ObjectId+"tab").innerHTML = "<a href=#>-</a>"; 
        Start(ObjectId,'Opens'); 
        openedObjId=ObjectId 
    } 
    else openedObjId=null 
} 
function Start(ObjId,method){ 
var BoxHeight = $G(ObjId).offsetHeight; //对象高度 
var MinHeight = 5;//定义最小高度 
var MaxHeight = 130;//定义最大高度 
var BoxAddMax = 1;//递增量初始值 
var Every_Add = 0.5;//每次的递(减)增量[数值越大速度越快] 
var Reduce    = (BoxAddMax - Every_Add); 
var Add       = (BoxAddMax + Every_Add); 
//折叠 
if (method == "Close"){ 
var Alter_Close = function(){//构建虚拟的[递减]循环 
    BoxAddMax /= Reduce; 
    BoxHeight -= BoxAddMax; 
    if (BoxHeight <= MinHeight){ 
        $G(ObjId).style.display = "none"; 
        window.clearInterval(BoxAction); 
    } 
    else $G(ObjId).style.height = BoxHeight; 
} 
var BoxAction = window.setInterval(Alter_Close,1); 
} 
//展开 
else if (method == "Opens"){ 
var Alter_Opens = function(){ 
    BoxAddMax *= Add; 
    BoxHeight += BoxAddMax; 
    if (BoxHeight >= MaxHeight){ 
        $G(ObjId).style.height = MaxHeight; 
        window.clearInterval(BoxAction); 
    }else{ 
    $G(ObjId).style.display= "block"; 
    $G(ObjId).style.height = BoxHeight; 
    } 
} 
var BoxAction = window.setInterval(Alter_Opens,1); 
} 
} html部分：<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit  onmousemove="Effect('test');" align=middle width="100%">
<LI id=testtab style="FLOAT: right"><A href=http://www.2008php.com>+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">欧莱凯主题网</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_80_1.shtml">酷站欣赏</A>
<LI><A href="http://www.codefans.net/sort/list_5_82_1.shtml">图库素材</A>
<LI><A href="http://www.codefans.net/sort/list_5_99_1.shtml">特效代码</A>
<LI><A href="http://www.codefans.net/sort/list_5_102_1.shtml">网站建设</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>
<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit onclick="Effect('test1');" align=middle width="100%">
<LI id=test1tab style="FLOAT: right"><A href="#">+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">JAVA源代码</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test1 style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_93_1.shtml">系统相关</A>
<LI><A href="http://www.codefans.net/sort/list_5_90_1.shtml">综合应用</A>
<LI><A href="http://www.codefans.net/sort/list_5_89_1.shtml">文件操作</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>

Answer 1

<style>
table{width:100px;overflow:hidden;} 
#control,#control table,#control table td{font-size:12px;} 
#control{width:100px;background-color:#ccc;font-size:12px;color:#333333;text-align:center;} 
#control table{width:100px;height:20px;overflow:hidden;} 
#control table li{list-style:none;height:20px;line-height:20px;overflow:hidden;} 
#control table .tabTit{background:#E0E8B8;} 
#control a{font-weight:normal;font-size:24px;color:#6F7848;text-decoration:none;padding-right:10px;} 
#control .testLink{font-weight:bold;font-size:12px;} 
.test{width:100px;background-color:#f6f6f6;overflow:hidden;} 
.test li{list-style:none;color:#000;font-size:13px;line-height:20px;} 
#control table,.test table{margin:0 auto;text-align:center;} 
.style1{font-size:8px;color:#fff;}
</style>
<script language="javascript">
function $G(Read_Id) { return document.getElementById(Read_Id) } 
var openedObjId=null 
function Effect(ObjectId){ 
    if (openedObjId){ 
        $G(openedObjId+"tab").innerHTML = "<a href=# >+</a>"; 
        Start(openedObjId,'Close'); 
    } 
    if(openedObjId!=ObjectId){ 
        $G(ObjectId+"tab").innerHTML = "<a href=#>-</a>"; 
        Start(ObjectId,'Opens'); 
        openedObjId=ObjectId 
    } 
    else openedObjId=null 
} 
function Start(ObjId,method){ 
var BoxHeight = $G(ObjId).offsetHeight; //对象高度 
var MinHeight = 5;//定义最小高度 
var MaxHeight = 130;//定义最大高度 
var BoxAddMax = 1;//递增量初始值 
var Every_Add = 0.5;//每次的递(减)增量[数值越大速度越快] 
var Reduce    = (BoxAddMax - Every_Add); 
var Add       = (BoxAddMax + Every_Add); 
//折叠 
if (method == "Close"){ 
var Alter_Close = function(){//构建虚拟的[递减]循环 
    BoxAddMax /= Reduce; 
    BoxHeight -= BoxAddMax; 
    if (BoxHeight <= MinHeight){ 
        $G(ObjId).style.display = "none"; 
        window.clearInterval(BoxAction); 
    } 
    else $G(ObjId).style.height = BoxHeight; 
} 
var BoxAction = window.setInterval(Alter_Close,1); 
} 
//展开 
else if (method == "Opens"){ 
var Alter_Opens = function(){ 
    BoxAddMax *= Add; 
    BoxHeight += BoxAddMax; 
    if (BoxHeight >= MaxHeight){ 
        $G(ObjId).style.height = MaxHeight; 
        window.clearInterval(BoxAction); 
    }else{ 
    $G(ObjId).style.display= "block"; 
    $G(ObjId).style.height = BoxHeight; 
    } 
} 
var BoxAction = window.setInterval(Alter_Opens,1); 
} 
} 
window.onload=function(){
  var obj = document.getElementById("control");
  var td = obj.getElementsByTagName("td")[0];
  td.click();
}
</script>
<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit  onclick="Effect('test');" align=middle width="100%">
<LI id=testtab style="FLOAT: right"><A href=http://www.2008php.com>+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">欧莱凯主题网</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_80_1.shtml">酷站欣赏</A>
<LI><A href="http://www.codefans.net/sort/list_5_82_1.shtml">图库素材</A>
<LI><A href="http://www.codefans.net/sort/list_5_99_1.shtml">特效代码</A>
<LI><A href="http://www.codefans.net/sort/list_5_102_1.shtml">网站建设</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>
<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit onclick="Effect('test1');" align=middle width="100%">
<LI id=test1tab style="FLOAT: right"><A href="#">+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">JAVA源代码</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test1 style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_93_1.shtml">系统相关</A>
<LI><A href="http://www.codefans.net/sort/list_5_90_1.shtml">综合应用</A>
<LI><A href="http://www.codefans.net/sort/list_5_89_1.shtml">文件操作</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>

Answer 2

可是只能在IE下有默认，FF、Chrome都没有默认项，还有就是onclick改成onmousemove就没有了默认项，麻烦能再改一下吗？？

Answer 3

<style>
table{width:100px;overflow:hidden;} 
#control,#control table,#control table td{font-size:12px;} 
#control{width:100px;background-color:#ccc;font-size:12px;color:#333333;text-align:center;} 
#control table{width:100px;height:20px;overflow:hidden;} 
#control table li{list-style:none;height:20px;line-height:20px;overflow:hidden;} 
#control table .tabTit{background:#E0E8B8;} 
#control a{font-weight:normal;font-size:24px;color:#6F7848;text-decoration:none;padding-right:10px;} 
#control .testLink{font-weight:bold;font-size:12px;} 
.test{width:100px;background-color:#f6f6f6;overflow:hidden;} 
.test li{list-style:none;color:#000;font-size:13px;line-height:20px;} 
#control table,.test table{margin:0 auto;text-align:center;} 
.style1{font-size:8px;color:#fff;}
</style>
<script language="javascript">
function $G(Read_Id) { return document.getElementById(Read_Id) } 
var openedObjId=null 
function Effect(ObjectId){ 
    if (openedObjId){ 
        $G(openedObjId+"tab").innerHTML = "<a href=# >+</a>"; 
        Start(openedObjId,'Close'); 
    } 
    if(openedObjId!=ObjectId){ 
        $G(ObjectId+"tab").innerHTML = "<a href=#>-</a>"; 
        Start(ObjectId,'Opens'); 
        openedObjId=ObjectId 
    } 
    else openedObjId=null 
} 
function Start(ObjId,method){ 
var BoxHeight = $G(ObjId).offsetHeight; //对象高度 
var MinHeight = 5;//定义最小高度 
var MaxHeight = 130;//定义最大高度 
var BoxAddMax = 1;//递增量初始值 
var Every_Add = 0.5;//每次的递(减)增量[数值越大速度越快] 
var Reduce    = (BoxAddMax - Every_Add); 
var Add       = (BoxAddMax + Every_Add); 
//折叠 
if (method == "Close"){ 
var Alter_Close = function(){//构建虚拟的[递减]循环 
    BoxAddMax /= Reduce; 
    BoxHeight -= BoxAddMax; 
    if (BoxHeight <= MinHeight){ 
        $G(ObjId).style.display = "none"; 
        window.clearInterval(BoxAction); 
    } 
    else $G(ObjId).style.height = BoxHeight; 
} 
var BoxAction = window.setInterval(Alter_Close,1); 
} 
//展开 
else if (method == "Opens"){ 
var Alter_Opens = function(){ 
    BoxAddMax *= Add; 
    BoxHeight += BoxAddMax; 
    if (BoxHeight >= MaxHeight){ 
        $G(ObjId).style.height = MaxHeight; 
        window.clearInterval(BoxAction); 
    }else{ 
    $G(ObjId).style.display= "block"; 
    $G(ObjId).style.height = BoxHeight; 
    } 
} 
var BoxAction = window.setInterval(Alter_Opens,1); 
} 
} 
window.onload=function(){
  var obj = document.getElementById("control");
  var td = obj.getElementsByTagName("td")[0];
  if(document.all) td.click();
  else td.onclick();
}
</script>
<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit  onclick="Effect('test');" align=middle width="100%">
<LI id=testtab style="FLOAT: right"><A href=http://www.2008php.com>+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">欧莱凯主题网</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_80_1.shtml">酷站欣赏</A>
<LI><A href="http://www.codefans.net/sort/list_5_82_1.shtml">图库素材</A>
<LI><A href="http://www.codefans.net/sort/list_5_99_1.shtml">特效代码</A>
<LI><A href="http://www.codefans.net/sort/list_5_102_1.shtml">网站建设</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>
<DIV id=control>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=tabTit onclick="Effect('test1');" align=middle width="100%">
<LI id=test1tab style="FLOAT: right"><A href="#">+</A></LI>
<LI style="FLOAT: left"><A class=testLink href="#">JAVA源代码</A></LI></TD></TR></TBODY></TABLE></DIV>
<DIV class=test id=test1 style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#eeeeee border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle colSpan=3>
<UL>
<LI><A href="http://www.codefans.net/sort/list_5_93_1.shtml">系统相关</A>
<LI><A href="http://www.codefans.net/sort/list_5_90_1.shtml">综合应用</A>
<LI><A href="http://www.codefans.net/sort/list_5_89_1.shtml">文件操作</A></LI></UL></TD></TR></TBODY></TABLE></DIV><BR>