<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
span {cursor:pointer;color:blue;
}
-->
</style>
<script language="JavaScript">
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID)
: document.all[aID];
}
var file_gx;
var f_timeID;
var f_move_step=4;//值越小越平滑,速度越慢
var f_move_speed=8; // 值越小越平滑,速度越慢
function ProductFile(){
file_gx=Math.abs(parseInt(getElement("div_file").style.height)-150);
if (f_timeID ==undefined){
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
else {
clearTimeout(f_timeID);
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}
function tween_weatherm_move(){
var wobj=getElement("div_file");
var cx=parseInt(wobj.style.height);
cx+=(file_gx-cx)/f_move_step;
cx=parseInt(cx);
wobj.style.height=cx+"px";
if (Math.abs(cx-file_gx)<1){
wobj.style.height=file_gx+"px";
clearTimeout(f_timeID);
f_timeID=undefined;
}else{
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}
</script>
<table width="500" border="0" cellpadding="3" cellspacing="1" bgcolor="#999999">
<tr>
<td height="25" align="right" bgcolor="#CCCCCC"><span οnclick="ProductFile();">点击这里</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="height:150px;" id="div_file"> </td>
</tr>
</table>
</body>
</html>
js单个点击展开,再点击折叠效果(IE/FF下通过)
最新推荐文章于 2022-07-21 11:02:10 发布