1、首先肯定是要写两套不同布局的css样式的，（一个为横向排版，一个为左右排版）
在列表的最外层添加class:a和class:b
说明：我用了sass，（sass安装使用请参看：http://blog.csdn.net/qq_38543537/article/details/78411712）
所以样式就分别包括在a和b下如下图：
样式有了之后不要忘记在HTML的标签里添加class类名，如下图：
2、添加好类名之后，就开始写js部分
在点击切换那个触发按钮上添加一个类名，用于写点击事件
其中$(.goods_1).toggleClass("b")是两种样式的切换，
$(".typeset").attr('src', $(".typeset").attr('src') == 'images/icon_member1.png' ? 'images/icon_member12.png' : 'images/icon_member1.png');
这是触发点击事件时按钮图片的切换方法，使用三目运算。
这样商品两种布局方式就完成了，下面是效果图：