本文描述了Javaｓｃｒｉｐｔ实现的扩展和收缩菜单代码，供大家参考：

运行效果的截图如下：


具体代码如下：






真正的Javaｓｃｒｉｐｔ伸缩菜单

# CON div {宽度：100px；保证金：0 5px 5px 0；字体大小：9pt；身高：23px；颜色：白色；}


红色的菜单
绿色菜单
蓝色
黄色的
这是什么颜色
橙色
黑色很酷


函数$（E）{ return document.getelementbyid（E）；}
功能roulmenu（E，maxw，minw）{
var div = $（E）GetElementsByTagName（'div）；
对于（var i = 0；i < divs.length；i++）{
（函数（）{（））
VaR TIMS，TIMSS；
div {我}。onmouseover =函数（）{
VaR自本；
ClearInterval（TIMSS）；
TIMS = setInterval（）{（）函数（
如果（自我。offsetwidth < maxw）{
self.style.width = self.offsetwidth + 5 + 'px；
其他{ }
ClearInterval（TIMS）；
}
}，10）；
}
div {我}。onmouseout=函数（）{
var =；
ClearInterval（TIMS）；
TIMSS = setInterval（）{（）函数（
如果（自我。offsetwidth > minw）{
self.style.width = self.offsetwidth - 5 + 'px；
其他{ }
ClearInterval（TIMSS）；
}
}，10）；
}
}）；
}
}
使用方法
RoulMenu（'con '，200100）；



希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。