这是一款基于jQuery的手风琴个人信息菜单面板。使用HTML5+CSS3实现。效果类似QQ分组面板,同时展开后是类似微信聊天界面的效果。
下面是该demo效果的截图:
界面效果看起来很高大上。每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。
由于这款手风琴菜单是基于jQuery框架的,因此兼容性和实用性很强。
整个示例的HTML代码很简单,20行左右。js代码也很少,30行左右。主要是CSS3的代码,大概有200行。
鉴于篇幅的限制。我已将源码上传到百度网盘。下载链接:http://pan.baidu.com/s/1eSmw52M 密码:dnn4
: » jQuery+CSS3实现QQ分组微信聊天效果
原创文章,作者:6024010,如若转载,请注明出处:https://blog.ytso.com/251274.html