Javascript可伸缩菜单实现代码

Javascript可伸缩菜单实现代码
本文描述了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程序设计有所帮助。

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部