日期:2014-05-17  浏览次数:20603 次

求助:仿诺基亚QT卡片切换--CSS样式实现
诺基亚QT网站地址:http://qt.nokia.com/title-cn?set_language=zh&cl=zh

小弟近日浏览诺基亚QT网站时,发现它很卡片切换显示数据很精致,刚好项目正需要这样的显示方式,请求大侠们给以帮助。
小弟不胜感激。

小弟觉得难点就是卡片切换是1.卡片被选中时,比默认样式时向右延伸,2.左侧内容部分的宽高与其边框的动态搭配及圆角阴影的实现,3.右侧被选择卡片与内容部分接口处没有边框。
实现效果如图:





------解决方案--------------------
选中的菜单换个背景颜色或者图片就行了,然后宽度稍微拉长一点
------解决方案--------------------
JQUERY + CSS 可实现。
搜索下 jquery 菜单 插件,应该也有现成的。
------解决方案--------------------
属于,点击,滑动门效果!
------解决方案--------------------
探讨

属于,点击,滑动门效果!