本文展示了一种模仿在线订餐网站效果的方法，通过在预览图下方加入发送按钮，用户只需点击即可在预览图区域弹出图层填写必要信息并完成发送。这种设计节省了页面空间，提供了便捷的表单填写体验。
曾经在一个网上订餐网站上看到一个不错的应用，进而抽时间模仿了这个效果，挺不错的。^_^。在一些需要填写简单表单数据的模块可以使用这个效果来为用户提供便捷，同时也节省了页面的空间。如贺卡发送就可以在贺卡预览图下面加入发送按钮，点击之后在贺卡预览图区域弹出图层填写需要的必要信息就可以发送。下面是如实模仿订餐网站的其中一个模块。
[img]http://www.lav.so/upload/201010/2010102722042417.jpg[/img]
预览地址：[url=http://www.lav.so/demo/slider.html]http://www.lav.so/demo/slider.html[/url]
原文地址：[url=http://www.lav.so/?aid=27]http://www.lav.so/?aid=27[/url]
[img]http://www.lav.so/upload/201010/2010102722042417.jpg[/img]
预览地址：[url=http://www.lav.so/demo/slider.html]http://www.lav.so/demo/slider.html[/url]
原文地址：[url=http://www.lav.so/?aid=27]http://www.lav.so/?aid=27[/url]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
