jQuery Mobile页面高级设计-制作列表

使用jQuery Mobile实现一个商品列表页面
jQuery Mobile页面高级设计-制作列表
在根据项目要求:创建两个页面,在sy7-1.html中分类显示商品信息,可以通过关键字进行搜索,顶部和底部链接加上相关图标,当用户选择商品时,跳转到商品详情页。

1-先写好大概框架和头部,固定好页面。
jQuery Mobile页面高级设计-制作列表

2-第二步
jQuery Mobile页面高级设计-制作列表

3-尾部
jQuery Mobile页面高级设计-制作列表

最后一个,是点击后的反应
jQuery Mobile页面高级设计-制作列表

结果
jQuery Mobile页面高级设计-制作列表

点击后的效果
jQuery Mobile页面高级设计-制作列表