JavaScript
一个小问题 本人新手 请高手指点 来着有分 在线等紧急
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区如题 我现在有个网页， 网页里面有个地方想用js 做一个类似下拉的特效， 但是要是有好几个项目类型的组以后 就会出现错乱。。。 请高手指点指点，
下面是我们写的方法，不是很好用，要是高手能帮忙实现，或者给出例子 真的不胜感激。 确实是新手。。。。本人一直做得winform程序。。。
下面是我们写的方法，不是很好用，要是高手能帮忙实现，或者给出例子 真的不胜感激。 确实是新手。。。。本人一直做得winform程序。。。
function shoppingcat1(id,key){
var content=document.getElementById(id);
var key = document.getElementById(key);
var t=content.style;
if(t.height==""||t.height==0)
t.height=minheight;
var h=parseInt(t.height);
if(isopen){
h+=s;
t.height=h+"px";
if(h<maxheight){
setTimeout("shoppingcat('"+id+"','"+key+"');",1);
}else{
isopen=0
key.innerHTML="<img src='images/x-zk-jian.jpg'/>";
}
}else{
h-=s;
t.height=h+"px";
if(h>minheight){
setTimeout("shoppingcat('"+id+"','"+key+"');",1);
}else{
isopen=1
key.innerHTML="<img src='images/x-zk-jia.jpg' />";
}
}
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>管理系统</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/js.js" type="text/javascript"></script>
</head>
<body>
<div class="x-head"><img src="images/x-head.jpg" /></div>
<div class="x-tit">河南油田科技项目管理信息系统 - 网站功能一览</div>
<div class="x-mid">
<div class="x-mid-list FL">
<div class="x-mid-list-lm">
<h3>项目计划</h3>
<ul>
<li><a href="#">项目立项审查</a></li>
<li>
<div id="content" aa="1">
<font style="color:#FF0000; margin-left:18px;">计划编制与审查</font>
<span id="key" onclick="shoppingcat('content','key');"><img src="images/x-zk-jia.jpg"></span>
<ul>
<li><a href="#">年计划审查</a></li>
<li><a href="#">编制计划</a></li>
<li><a href="#">生成正式计划</a></li>
<li><a href="#">查看计划</a></li>
</ul>
</div>
</li>
<li><a href="#">立项计划</a></li>
</ul>
</div>
<div class="x-mid-list FL">
<div class="x-mid-list-lm">
<h3>项目计划</h3>
<ul>
<li><a href="#">项目立项审查</a></li>
<li>
<div id="content1" aa="1">
<font style="color:#FF0000; margin-left:18px;">计划编制与审查</font>
<span id="key1" onclick="shoppingcat('content1','key1');"><img src="images/x-zk-jia.jpg"></span>
<ul>
<li><a href="#">年计划审查</a></li>
<li><a href="#">编制计划</a></li>
<li><a href="#">生成正式计划</a></li>
<li><a href="#">查看计划</a></li>
</ul>
</div>
</li>
<li><a href="#">立项计划</a></li>
</ul>
</div>
<div class="x-mid-list FL">
<div class="x-mid-list-lm">
<h3>项目计划</h3>
<ul>
<li><a href="#">项目立项审查</a></li>
<li>
<div id="content2" aa="1">
<font style="color:#FF0000; margin-left:18px;">计划编制与审查</font>
<span id="key2" onclick="shoppingcat('content2','key2');"><img src="images/x-zk-jia.jpg"></span>
<ul>
<li><a href="#">年计划审查</a></li>
<li><a href="#">编制计划</a></li>
<li><a href="#">生成正式计划</a></li>
<li><a href="#">查看计划</a></li>
</ul>
</div>
</li>
<li><a href="#">立项计划</a></li>
</ul>
</div>
</div>
<div class="x-mid-list FL" style="margin:0px 10px;">1</div>
<div class="x-mid-list FL" style="margin:0px 10px 0 0;">1</div>
<div class="x-mid-list FL">1</div>
</div>
</body>
</html>
...全文
相关推荐
数学建模有关紧急调兵和最佳乘车路线问题
紧急调兵问题应该是网上不多见，所以我上传一个，不太全，请见谅；最佳乘车路线比较常见。
室分集成紧急事件处理预案.doc
【紧急事件处理预案】在室分集成项目中，紧急事件处理预案是至关重要的，它确保了在遇到突发状况时能够迅速、有效地响应，保障工程安全、质量和进度。
去掉解锁界面的紧急呼救功能
- **系统稳定性**：修改系统核心文件可能会引入新的问题，请谨慎操作，并在测试环境中验证效果。- **兼容性问题**：不同的Android版本可能存在差异，建议在多个版本上进行测试以确保兼容性。
电子政务-带紧急分闸装置的永磁脉冲电动操作机构.zip
首先，紧急分闸装置是电力系统中不可或缺的一部分，它的主要作用是在出现故障或危险情况时，能够快速、准确地切断电路，确保电网安全和人员安全。
煤矿紧急避险设施存在的问题及对策研究
本文主要探讨了煤矿紧急避险设施在霍州煤电集团辛置煤矿的应用背景和存在的问题。辛置煤矿作为煤炭开采企业，其紧急避险系统的有效性直接关系到矿工的生命安全和企业的经济效益。当前，紧急避险设施的现状分析揭示了
