Authored by tmq

图片转换

@@ -240,6 +240,61 @@ define('channel', function(require, exports) { @@ -240,6 +240,61 @@ define('channel', function(require, exports) {
240 $('.slide-navigator').hide(); 240 $('.slide-navigator').hide();
241 $('.slide-control').hide(); 241 $('.slide-control').hide();
242 } 242 }
  243 + if (parseInt($("#right_banner").attr("num")) > 0) {
  244 + $("#img_flow").find(".layout-item").eq(2).before($("#right_banner").html());
  245 + }
  246 + //设置瀑布流
  247 + exports.setFlowLayout = setFlowLayout = function() {
  248 + $('.fluid-list-inner').freetile({
  249 + animate: false,
  250 + elementDelay: 0
  251 + });
  252 + imgTransform($(".image-box img"));
  253 + }
  254 + //图片转换
  255 + var imgTransform = function(obj) {
  256 + obj.bind("mousemove", function() {
  257 + if ($(this).attr("disopen") == 1) { //禁止
  258 + return false;
  259 + }
  260 + //图片变大
  261 + if ($(this).attr("isopen") != 1) {
  262 + $(this).css({
  263 + '-webkit-transition': '-webkit-transform .5s ease-in',
  264 + '-moz-transition': '-moz-transform .5s ease-in',
  265 + '-ms-transition': '-ms-transform .5s ease-in',
  266 + '-o-transition': '-o-transform .5s ease-in',
  267 + 'transition': 'transform .5s ease-in',
  268 + '-webkit-transform': 'scale(1.2)',
  269 + '-moz-transform': 'scale(1.2)',
  270 + '-ms-transform': 'scale(1.2)',
  271 + '-o-transform': 'scale(1.2)',
  272 + 'transform': 'scale(1.2)'
  273 + });
  274 + $(this).attr("isopen", 1);
  275 + }
  276 + return false;
  277 + });
  278 + obj.bind("mouseout", function() {
  279 + if ($(this).attr("isopen") == 1) {
  280 + //图片还原
  281 + $(this).css({
  282 + '-webkit-transition': '-webkit-transform .5s ease-in',
  283 + '-moz-transition': '-moz-transform .5s ease-in',
  284 + '-ms-transition': '-ms-transform .5s ease-in',
  285 + '-o-transition': '-o-transform .5s ease-in',
  286 + 'transition': 'transform .5s ease-in',
  287 + '-webkit-transform': 'scale(1)',
  288 + '-moz-transform': 'scale(1)',
  289 + '-ms-transform': 'scale(1)',
  290 + '-o-transform': 'scale(1)',
  291 + 'transform': 'scale(1)'
  292 + });
  293 + $(this).attr("isopen", 0);
  294 + }
  295 + });
  296 + return false;
  297 + }
243 var sortPos = 0; 298 var sortPos = 0;
244 var productGenders = []; 299 var productGenders = [];
245 var currentGenderPos = 0; 300 var currentGenderPos = 0;