本文描述了Javascript实现的
扩展和收缩菜单代码,供大家
参考:
运行效果的
截图如下:
具体代码如下:
真正的Javascript伸缩菜单
# 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);
希望本文能对大家的javascript
程序设计有所帮助。