使用CSS在点击一个项目时创建iPhone风格的滑块



我试图在HTML中使用CSS创建iPhone样式文件夹,如果可能的话,使用很少的JavaScript。你可以在这里找到截图。http://getandroidstuff.com/simi-folder-android-widget-download-iphone-style-folder/该页面的截图显示了4个文件夹,系统,应用程序,工具箱和开发。点击应用程序会显示一个带有应用程序的滑出菜单。很多文件夹也能达到同样的效果吗?例如,假设我有10个div向左浮动,这样一行就有4个div,总共有3行。如果用户单击第二个div,则另一个div滑出,将第二行和第三行向下推,总共创建4行。

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

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

你是说这样吗?http://jsfiddle.net/uAtak/5/在这个例子中,只需要点击div 'One'就可以了,但是正如你所看到的,它很容易扩展。

最新更新