【问题标题】:Create iPhone style slide out when clickin on an item using CSS使用 CSS 单击项目时创建 iPhone 样式滑出
【发布时间】:2011-08-05 12:44:03
【问题描述】:

如果可能的话,我正在尝试使用 CSS 和很少的 JavaScript 在 HTML 中创建 iPhone 样式的文件夹。您可以在此处找到屏幕截图。 http://getandroidstuff.com/simi-folder-android-widget-download-iphone-style-folder/ 该页面上的屏幕截图显示 4 个文件夹,系统、应用程序、工具箱和开发。单击应用程序会显示一个带有应用程序的滑出菜单。许多文件夹也可以实现相同的目标吗?例如,假设我有 10 个 div 向左浮动,因此 4 个可以排成一行,总共有 3 行。如果用户点击第2个div,另一个div滑出,将第2、3行往下推,一共4行?

这是一些代码,我正在玩:http://jsfiddle.net/uAtak/

【问题讨论】:

    标签: javascript jquery html css jquery-ui


    【解决方案1】:

    是的,这是可行的。与您提到的示例不同,当用户单击图标时,我会在显示 :none 和 :block 之间切换动画。它会自动推送其他图标。

    【讨论】:

      【解决方案2】:

      你的意思是这样吗? http://jsfiddle.net/uAtak/5/ 仅单击 div 'One' 对本示例有效,但正如您所见,它很容易扩展。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-09-07
        • 1970-01-01
        • 2011-11-02
        • 2013-10-02
        相关资源
        最近更新 更多