jquery商品图片选择皮肤切换颜色插件_jquery商品选择颜色插件

切换皮肤的功能实现的原理是用js代码改变样式$(swatches).click(function (e) { e.preventDefault(); $(swatches).removeClass('active'); $(this).addClass('active'); var color = "rgba(" + $(this).attr('rel') + "," + o.transparency + ")"; var mask = $(this).attr('href'); if ($(mask).attr('role')) { $(mask).empty(); var R = Raphael(mask.substring(1), $(mask).width(), $(mask).height()); var style = { fill: "rgb(" + $(this).attr('rel') + ")", opacity: o.secondaryTransparency, "stroke-width": 0 }; R.path($(mask).attr('role')).attr(style); } else { $(mask).css({ "background-color": color }, 1000); if ($.browser.msie) { color = $(this).attr('rel'); var colors = color.split(","); color = colorToHex(colors); $(mask).css({ 'background': 'transparent', 'zoom': 1, 'filter': 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#80' + color + ',endColorstr=#80' + color + ')' }); } } });

在线演示        积分下载        6毛下载        砍两刀下载