商品名称：
评价得分：
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
此评价对我
多品类齐全，轻松购物
快多仓直发，极速配送
好正品行货，精致服务
省天天低价，畅选无忧摩天大楼租房以后的G币是和以前的通用的嘛？来自:
日分享至 :
下一篇：上一篇：其它类似问题相关文章相关帖子--摩天大楼租房以后的G币是和以前的通用的嘛？亲们该页面内会员们分享的“作品”，版权为才华横溢的原作者们所有滴，不得商业使用！
所有的商城网站上的产品列表都有两种视图模式：缩略图模式和列表模式。这款css3和js商城网站商品视图模式切换效果就是模拟这种视图切换效果。这是一款仿商城产品列表的模式切换的插件，使用了css3和javascript技术制作。
&div id="cbp-vm" class="cbp-vm-switcher cbp-vm-view-grid"&
&div class="cbp-vm-options"&
&a href="#" class="cbp-vm-icon cbp-vm-grid cbp-vm-selected" data-view="cbp-vm-view-grid"&Grid View&/a&
&a href="#" class="cbp-vm-icon cbp-vm-list" data-view="cbp-vm-view-list"&List View&/a&
&a class="cbp-vm-image" href="#"&&img src="images/1.png"&&/a&
&h3 class="cbp-vm-title"&Silver beet&/h3&
&div class="cbp-vm-price"&$19.90&/div&
&div class="cbp-vm-details"&
Silver beet shallot wakame tomatillo salsify mung bean beetroot groundnut.
&a class="cbp-vm-icon cbp-vm-add" href="#"&Add to cart&/a&
核心javascript部分代码。
(function() {
var container = document.getElementById( 'cbp-vm' ),
optionSwitch = Array.prototype.slice.call( container.querySelectorAll( 'div.cbp-vm-options & a' ) );
function init() {
optionSwitch.forEach( function( el, i ) {
el.addEventListener( 'click', function( ev ) {
ev.preventDefault();
_switch( this );
}, false );
function _switch( opt ) {
// remove other view classes and any any selected option
optionSwitch.forEach(function(el) {
classie.remove( container, el.getAttribute( 'data-view' ) );
classie.remove( el, 'cbp-vm-selected' );
// add the view class for this option
classie.add( container, opt.getAttribute( 'data-view' ) );
// this option stays selected
classie.add( opt, 'cbp-vm-selected' );
下载资源：4 次
错误提交：
大小：78.61KB
================关于优设记================
“优设记“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博：同步网站更新内容，订阅jquery资源 @吐槽优设记，欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接：
非特殊说明，本文版权归原作者所有，转载请注明出处
我当前G币余额：0
已下载次数：4
注：购买该插件的用户当日可免费下载 插件作者可永久免费下载
所需G币：20
下载提示：由于文件较小，请直接点击下载，不支持迅雷等下载工具。
不足，你可以通过
你可以直接下载，不消耗G币
&浙ICP备号-1 & Copyright (C) 2013
All Rights Reserved 您是第2717645位访客！