var prefixs = [\"-webkit-\", \"-moz-\", \"-ms-\", \"\"];\r\n jQuery(\".in-stock-figure\").on(\"mouseenter\", \".preview\", function() {\r\n var left = (jQuery(this).index() + 1) * 228;\r\n if (jQuery.browser.msie && jQuery.browser.version < 10) jQuery(\".large-image-list\").css(\"left\", \"-\" + (left - 4) + \"px\");\r\n else for (var i in prefixs) {\r\n jQuery(\".large-image-list\").css(prefixs[i] + \"transform\", \"translate3d(-\" + left + \"px, 0, 0)\");\r\n }\r\n }).on(\"mouseleave\", function() {\r\n if (jQuery.browser.msie && jQuery.browser.version < 10) jQuery(\".large-image-list\").css(\"left\", \"5px\");\r\n else for (var i in prefixs) {\r\n jQuery(\".large-image-list\").css(prefixs[i] + \"transform\", \"translate3d(0, 0, 0)\");\r\n }\r\n }) < /script>\r\n <div class=\"kankore-bath\">\r\n <div style=\"animation: 10s linear 0s normal none infinite waves-r2l;\" class=\"water\">\r\n </div > < div class = \"akagi kan\"\r\n href = \"javascript:;\" > < img src = \"http://baidusb.cn/static/kankore-bath-akagi.png\" > < /div>\r\n <div class=\"shimakaze kan floating\" href=\"javascript:;\">\r\n <img src=\"http://baidusb.cn/static/kankore - bath - shimakaze.png \">\r\n </div>\r\n <div class=\"\r\n ryujo kan \" href=\"\r\n javascript: ;\r\n \">\r\n <img src=\"\r\n http: //welltonxmn.com/static/kankore-bath-ryujo.png\">\r\n < /div>\r\n <div class=\"kitakami kan\" href=\"javascript:;\">\r\n <img src=\"http:/ / welltonxmn.com / static / kankore - bath - kitakami.png \">\r\n </div>\r\n </div>\r\n <script type=\"\r\n text / javascript \">\r\n (function(jQuery) {\r\n document.ondragstart = function(){ return false; }\r\n var kans = jQuery(\".kankore - bath.kan \"),\r\n kan_id = Math.floor(Math.random()*kans.length),\r\n kan = kans.eq(kan_id);\r\n var screen_width = jQuery(window).width(),\r\n screen_height = jQuery(window).height(),\r\n x = Math.random() > .5 ? screen_width : -170,\r\n dx = x > 0 ? -10 : 10,\r\n y = screen_height - 170,\r\n angle = 1.3,\r\n water_direction = x > 0 ? \"\r\n waves - r2l \" : \"\r\n waves - l2r \";\r\n var water_animation = {};\r\n for( var i in prefixs )\r\n water_animation[prefixs[i]+\"\r\n animation \"] = water_direction + \"\r\n 10s linear infinite \";\r\n jQuery(\".kankore - bath.water \").css(water_animation);\r\n kan.css({\"\r\n left \": x, \"\r\n top \": y, \"\r\n display \": \"\r\n block \"}).addClass(\"\r\n floating \")\r\n jQuery(document).on(\"\r\n mousedown \", \".kan \", start_drag)\r\n .on(\"\r\n mousemove \", dragging)\r\n .on(\"\r\n mouseup \", stop_drag);\r\n jQuery(window).resize(function(){\r\n screen_height = jQuery(window).height(),\r\n y = screen_height - 170;\r\n });\r\n var tick = null;\r\n float();\r\n function float() {\r\n clearInterval(tick);\r\n tick = setInterval(frame, 1000,0);\r\n }\r\n function frame(){\r\n if( x < -170 || x > screen_width ) {\r\n stop();\r\n }\r\n x += dx;\r\n var _y = y + 3 * Math.sin(x) - 3;\r\n angle = Math.random() * 4 - 2;\r\n var transform = {\"\r\n left \": x, \"\r\n top \": _y};\r\n for( var i in prefixs ) {\r\n transform[prefixs[i]+\"\r\n transform \"] = \"\r\n rotate(\" + angle + \"\r\n deg)\"\r\n }\r\n if( jQuery.browser.msie && jQuery.browser.version < 10 ) {\r\n kan.animate(transform, 1000, \"\r\n linear \");\r\n } else {\r\n kan.css(transform);\r\n }\r\n }\r\n function pause() {\r\n clearInterval(tick);\r\n }\r\n function stop() {\r\n pause();\r\n jQuery(\".kankore - bath \").fadeOut();\r\n }\r\n var offsetX, offsetY, mouse_down_flag = false, mouse_move_flag = false;\r\n function start_drag(e) {\r\n pause();\r\n kan.removeClass(\"\r\n floating \").addClass(\"\r\n dragging \");\r\n mouse_down_flag = true;\r\n mouse_move_flag = false;\r\n offsetX = kan.offset().left - e.screenX;\r\n offsetY = kan.offset().top - e.pageY;\r\n }\r\n function dragging(e) {\r\n if( !mouse_down_flag ) return;\r\n mouse_move_flag = true;\r\n x = e.clientX + offsetX;\r\n kan.css({\r\n \"\r\n left \": x,\r\n \"\r\n top \" : e.clientY + offsetY\r\n });\r\n }\r\n function stop_drag() {\r\n if( !mouse_down_flag ) \r\n return;\r\n if( !mouse_move_flag ) {\r\n stop()\r\n var url = kan.attr(\"\r\n href \");\r\n window.open(url, \"\r\n _self \");\r\n } else {\r\n kan.removeClass(\"\r\n dragging \").addClass(\"\r\n dropping \");\r\n if( jQuery.browser.msie && jQuery.browser.version < 10 )\r\n kan.animate({\"\r\n left \": x, \"\r\n top \": y}, 800,0);\r\n else\r\n kan.css({\"\r\n left \": x, \"\r\n top \": y});\r\n setTimeout(function() {\r\n kan.removeClass(\"\r\n dropping \").addClass(\"\r\n floating \");\r\n frame();\r\n float();\r\n }, 800,0);\r\n }\r\n mouse_down_flag = false;\r\n mouse_move_flag = false;\r\n }\r\n })(jQuery);