php 折叠菜单,js实现简单折叠、展开菜单的方法

这篇文章主要介绍了js实现简单折叠、展开菜单的方法,涉及javascript动态操作页面元素变换的相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下，具体如下：

这里介绍的是意乱会折叠、展开的菜单导航栏，很老时候写的，CSS没有做美化，如果想用的朋友就自己美化吧。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

function show(c_Str)

{if(document.all(c_Str).style.display=='none')

{document.all(c_Str).style.display='block';}

else{document.all(c_Str).style.display='none';}}

function high(){

if (event.srcElement.className=="k"){

event.srcElement.style.background="336699"

event.srcElement.style.color="white"

}

}

function low(){

if (event.srcElement.className=="k"){

event.srcElement.style.background="99CCFF"

event.srcElement.style.color=""

}

}

导航栏

td { cursor: hand; font-family: Tahoma; background-color: #336699; color: #99CCFF; font-size: 10pt }

li{ color: #FF0000; font-family: Tahoma; background-color: #99CCFF; font-size: 9pt}

.up{ background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }

+01-10 0102030404050607080910

+11-20 11121314151617181920

+21-30 21222324252627282930

+31-40 31323334353637383940

+41-50 41424344454647484950

+51-60 51525354555657585960

+61-70 61626364656667686970

+71-80 71727374757677787980

以上就是本章的全部内容，更多相关教程请访问JavaScript视频教程！

本文转载于：脚本之家，如有侵犯，请联系a@php.cn删除