支持多皮肤的无限极菜单

Question

最近比较闲暇，主要学习学习flex,自己写点东西，flex倒没写出什么好东西，不过基于javascript的菜单做了不错的一个，在这里给大家分享，希望能够喜欢。即使你不能用到，我想用来学习javascript也是不错的，自觉写的代码，实现方式，调用方式还算可以不多说了，下面大家可以:1.查看演示
2.打包下载当然你还可以查看更多的 Controls>>本文章及控件都属原创，转载请注明出处，谢谢。

Answer 1

发现一个bug；属于用户体验方面。当点击父菜单时，不是展开子菜单，而是直接执行了。 这和windows的有区别；常让人弄错。

Answer 2

不错，非常好的建议，谢谢你，目前已经修正了这个问题。http://www.scriptlover.com/controls/context/

Answer 3

看了controls，不错，
相册效果上面正在显示的照片在下面导航条中对应的缩示图能不能加个效果以表示正在浏览？再实现上下显示时的互动就更好了

Answer 4

非常棒不过当鼠标点在下边的屏幕边缘时，菜单只显示了一部分底下的被隐藏掉了，windows的右键会自动把菜单调整到上面显示。最右边也是一样，可以调整到左边一点显示。不知道我表达清楚了没有:) 

Answer 5

嗯，非常不错的东西，赞楼主一个。
偶感觉今后BS的东西肯定要和CS相结合，BS的rich client将是未来发展的新方向。发现一个小问题：就是当鼠标点击处位于屏幕右侧边缘和下侧边缘的时候菜单就被屏幕挡住了。一般来说，弹出式菜单会根据点击坐标判断打开的菜单是否超出屏幕的范围，超出的话会换一个方向显示，IE自身的弹出菜单就是这样。
麻烦楼主把这个小问题解决一下。^-^

Answer 6

而创建一个菜单也很简单，只需要书写下面的xml即可：实例菜单xml描述:<root> <menu>
<ul>
<li enabled="false">更换模板</li>
</ul>
<ul>
<li onclick="{alert('您点击我了')}">一个真实的我</li>
<li>工作与事业</li>
<li child="two">笔记 - 学习笔记</li>
<li>用镜头记录生活</li>
<li>网页设计作品</li>
<li child="one">可以说悄悄话哦</li>
</ul>
<ul>
<li>收集各种网络资源</li>
<li>网页设计作品</li>
</ul>
</menu> <menu id="one">
<ul>
<li>更换模板</li>
</ul>
<ul>
<li>一个真实的我</li>
<li>工作与事业</li>
<li>笔记 - 学习笔记</li>
<li>用镜头记录生活</li>
<li>网页设计作品</li>
<li>可以说悄悄话哦</li>
</ul>
<ul>
<li>收集各种网络资源</li>
<li>网页设计作品</li>
</ul>
</menu> <menu id="two">
<ul>
<li>更换模板</li>
</ul>
<ul>
<li>一个真实的我</li>
<li>工作与事业</li>
<li>笔记 - 学习笔记</li>
<li>网页设计作品</li>
<li>可以说悄悄话哦</li>
</ul>
<ul>
<li child="three">收集各种网络资源</li>
<li>网页设计作品</li>
</ul>
</menu> <menu id="three">
<ul>
<li>更换模板</li>
</ul>
<ul>
<li>一个真实的我</li>
<li>工作与事业</li>
<li>笔记 - 学习笔记</li>
<li>网页设计作品</li>
<li>可以说悄悄话哦</li>
</ul>
<ul>
<li>收集各种网络资源</li>
<li>网页设计作品</li>
</ul>
</menu></root>

Answer 7

最好将下载和演示放到CSDN，很想看看，但只能上CSDN。

Answer 8

http://tantaiyizu.download.csdn.net/可能还在审核，应该很快就可以看到了。