类似QQ的Web菜单

最新推荐文章于 2025-08-09 00:03:02 发布

snowfine123456

最新推荐文章于 2025-08-09 00:03:02 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： qq web border class css div

本文链接：https://blog.youkuaiyun.com/snowfine123456/article/details/1735421

通过js可以实现的,由于上传附件没有上传上去,所以只能添加代码了,没有图片,自己设置图片好了,不影响你测试

<html>

<head>

scores = new Array(20);

var numTotal = 0;

NS4 = (document.layers) ? 1 : 0;

IE4 = (document.all) ? 1 : 0;

ver4 = (NS4 || IE4) ? 1 : 0;

if (ver4) {

with(document) {

write("<STYLE TYPE='text/css'>");

if (NS4) {

write(".parent {position:absolute; visibility:visible}");

write(".child {position:absolute; visibility:visible}");

write(".regular {position:absolute; visibility:visible}")

} else {

write(".child {display:none}")

}

write("</STYLE>");

}

function getIndex(el) {

ind = null;

for (i = 0; i < document.layers.length; i++) {

whichEl = document.layers[i];

if (whichEl.id == el) {

ind = i;

break;

}

return ind;

}

function arrange() {

nextY =

document.layers[firstInd].pageY

+ document.layers[firstInd].document.height;

for (i = firstInd + 1; i < document.layers.length; i++) {

whichEl = document.layers[i];

if (whichEl.visibility != "hide") {

whichEl.pageY = nextY;

nextY += whichEl.document.height;

}

function initIt() {

if (!ver4)

return;

if (NS4) {

for (i = 0; i < document.layers.length; i++) {

whichEl = document.layers[i];

if (whichEl.id.indexOf("Child") != -1)

whichEl.visibility = "hide";

}

arrange();

} else {

divColl = document.all.tags("DIV");

for (i = 0; i < divColl.length; i++) {

whichEl = divColl(i);

if (whichEl.className == "child")

whichEl.style.display = "none";

}

function expandIt(el) {

if (!ver4)

return;

if (IE4) {

whichEl1 = eval(el + "Child");

for (i = 1; i <= numTotal; i++) {

whichEl = eval(scores[i] + "Child");

if (whichEl != whichEl1) {

whichEl.style.display = "none";

}

whichEl1 = eval(el + "Child");

if (whichEl1.style.display == "none") {

whichEl1.style.display = "block";

} else {

whichEl1.style.display = "none";

}

} else {

whichEl = eval("document." + el + "Child");

for (i = 1; i <= numTotal; i++) {

whichEl = eval("document." + scores[i] + "Child");

if (whichEl != whicāhEl1) {

whichEl.visibility = "hide";

}

if (whichEl.visibility == "hide") {

whichEl.visibility = "show";

} else {

whichEl.visibility = "hide";

}

arrange();

}

onload = initIt;

</script>

<title>henanmobile</title>

<!--

body {

margin-left: 0px;

margin-top: 0px;

background-image: url();

background-color: #4264A2;

}

.style1 {color: #FFFFFF}

.style2 {border: none; font-size: 12px;}

-->

</style>

body

{

scrollbar-face-color: #C3D5FD;

scrollbar-highlight-color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-arrow-color: #4D6185;

scrollbar-base-color: #6699ff;

scrollbar-dark-shadow-color: #6699ff;

margin-right: 0px;

margin-bottom: 0px;

}

</style>

function JyDownShowList(id)

{

whichEl = eval("JyDownList"+id);

if (whichEl.style.display == "none")

{eval("JyDownList"+id+".style.display="";");}

else

{eval("JyDownList"+id+".style.display="none";");}

}

</SCRIPT>

</head>

<body>

<tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

</a><span class="css">GIS</span><br>

<br>

<br>

</p>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<span class="css">CQT数据录入</span><br><br>

<br>

CQT 数据汇总统计 </span><br><br>

<br>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<span class="css">DT文件上载</span><br><br>

<br>

<span class="css">DT文件查询</span><br><br>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<br>

<span class="css">同邻频检查及<br>

切换关系</span><br>

<br>

<br>

频点使用情况</span><br>

<br>

<br>

<span class="css">参数变动报告</span> <br>

<br>

<br>

<span class="css">小区配置参数明细</span><br>

<br>

<br>

<br>

<br>

<span class="css">无线利用率</span><br>

<br>

<br>

<span class="css">载频利用率</span><br>

<br>

<p><span class="css">无线网络结构</span><br>

</p>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<br>

新建小区</span><br>

<br>

<br>

<span class="css">新建小区查询</span><br>

<br>

<br>

<br>

<span class="css">归属不明小区 <br><br>

<br>

<tr>

<td bgcolor="#FFFFFF"><img src="images/bj1.gif" width="10" height="10"><span class="css2">　无线网络性能</span></td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

<br>

<br>

<span class="css">忙时话务分析</span><br>

<br>

<br>

<span class="css">小区扩容参考</span><br>

<br>

<br>

<br>

<br>

<span class="css">掉话分类统计</span> <br>

<br>

<br>

<br>

<br>

</div>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

断站统计</span><br><br>

<span class="css">干拢小区明细 </span><br><br>

</div>

<tr>

<td bgcolor="#FFFFFF"><img src="images/bj1.gif" width="10" height="10"><span class="css2">　ＳＱＬ报告</span></td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

<span class="css">Cell Qual报告</span> <br><br>

<span class="css">Handover报告</span> <br><br>

<br>

</div>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

<span class="css style1">录入和导入</span><br><br>

<br>

<span class="style2">查询用户投诉</span></span> <br><br>

</div>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<br>

</div>

<tr>

<td bgcolor="#FFFFFF"><img src="images/bj1.gif" width="10" height="10"><span class="css2">　系统配置管理</span></td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

<span class="css">密码修改

</span><br><br>

<br>

</p>

</div>

</div></td>

</tr>

</table></td>

</tr>

</table>

</div>

</body>

</html>