当前位置: 代码迷 >> HTML/CSS >> 仿诺基亚QT卡片切换-CSS样式实现
  详细解决方案

仿诺基亚QT卡片切换-CSS样式实现

热度:493   发布时间:2012-10-23 12:12:21.0
求助:仿诺基亚QT卡片切换--CSS样式实现
诺基亚QT网站地址:http://qt.nokia.com/title-cn?set_language=zh&cl=zh

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

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





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

属于,点击,滑动门效果!
  相关解决方案