{"id":480,"date":"2012-12-24T14:15:54","date_gmt":"2012-12-24T06:15:54","guid":{"rendered":"http:\/\/www.bluesdream.com\/blog\/?p=480"},"modified":"2012-12-24T14:25:18","modified_gmt":"2012-12-24T06:25:18","slug":"duilu-funny-jquery","status":"publish","type":"post","link":"https:\/\/www.bluesdream.com\/blog\/duilu-funny-jquery.html","title":{"rendered":"\uff08\u5bf9\u8def\uff09\u4e00\u4e2a\u6709\u8da3\u7684jQuery\u7279\u6548"},"content":{"rendered":"<p>\u8fd9\u662f\u6211\u4ece\u4e00\u4e2a\u51b7\u7b11\u8bdd\u7f51\u7ad9\uff08dui.lu\uff09\u4e0a\u770b\u5230\u7684\u4e00\u4e2ajQuery\u7279\u6548\uff0c\u89c9\u5f97\u86ee\u6709\u610f\u601d\u7684\uff0c\u6240\u4ee5\u5c31\u53d1\u51fa\u6765\u7ed9\u5927\u5bb6\u201c\u8bef\u4e50\u8bef\u4e50\u201d\u3002\u5e76\u4e14\u5176\u4e2d\u8fd8\u4f7f\u7528\u5230\u4e86CSS3\u7684\u5c5e\u6027\uff08transform:scaleX(<number>)\uff1a\u6307\u5b9a\u5bf9\u8c61X\u8f74\u7684\uff08\u6c34\u5e73\u65b9\u5411\uff09\u7f29\u653e\uff09\u3002<\/p>\n<p>\u5f53\u4f60\u6253\u5f00\u9875\u9762\u4ee5\u540e\uff0c\u4f60\u4f1a\u53d1\u73b0\u6709\u5404\u79cd\u201c\u86cb\u75bc\u201d+\u201c\u795e\u7ecf\u8d28\u201d\u7684\u4eba\u7269\u5728\u5c4f\u5e55\u4e0a\u7070\u6765\u7070\u53bb\uff0c\u6b64\u65f6\u628a\u4f60\u62ff\u9f20\u6807\u70b9\u4e0a\u53bb\uff0c\u90a3\u4e9b\u201c\u4eba\u7269\u201d\u5c31\u4f1a\u6539\u53d8\u8fd0\u52a8\u8f68\u8ff9\u548c\u8fd0\u52a8\u65b9\u5411\u3002<!--more--><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n(function(){\r\n\tvar extras=&#x5B;0,1,2,3,4,5];\r\n\tfunction showExtra(id){\r\n\t\tif($(&quot;#extra&quot;+id).attr(&quot;eid&quot;)){\r\n\t\t\textras.push($(&quot;#extra&quot;+id).attr(&quot;eid&quot;));\r\n\t\t}\r\n\t\tvar ei=Math.floor(Math.random()*extras.length),front;\r\n\t\tvar eid=extras&#x5B;ei];\r\n\t\textras.splice(ei,1);\r\n\t\tif($.browser.msie){\r\n\t\t\tfront=2;\r\n\t\t}else{\r\n\t\t\tfront=Math.random()*2;\r\n\t\t}\r\n\t\t$(&quot;#extra&quot;+id).removeClass();\r\n\t\t$(&quot;#extra&quot;+id).addClass(&quot;png extra&quot;+eid);\r\n\t\t$(&quot;#extra&quot;+id).attr(&quot;eid&quot;,eid);\r\n\t\t$(&quot;#extra&quot;+id).css({\r\n\t\t\ttop:50+Math.ceil(Math.random()*200)\r\n\t\t})\r\n\t\tif(front&gt;1){\r\n\t\t\t$(&quot;#extra&quot;+id).css({\r\n\t\t\t\t&quot;-moz-transform&quot;:&quot;&quot;,\r\n\t\t\t\t'-webkit-transform':'',\r\n\t\t\t\t&quot;-o-transform&quot;:'',\r\n\t\t\t\ttransform:&quot;&quot;,\r\n\t\t\t\tleft:$(document).width()\r\n\t\t\t}).animate({\r\n\t\t\t\tleft:-200\r\n\t\t\t},(40*Math.random()+20)*1000,&quot;linear&quot;,function(){\r\n\t\t\t\tshowExtra(id);\r\n\t\t\t}).children(&quot;span&quot;).css({\r\n\t\t\t\t&quot;-moz-transform&quot;:&quot;&quot;,\r\n\t\t\t\t'-webkit-transform':'',\r\n\t\t\t\t&quot;-o-transform&quot;:'',\r\n\t\t\t\ttransform:&quot;&quot;,\r\n\t\t\t\tright:0\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\t$(&quot;#extra&quot;+id).css({\r\n\t\t\t\t&quot;-moz-transform&quot;:&quot;scaleX(-1)&quot;,\r\n\t\t\t\t'-webkit-transform':'scaleX(-1)',\r\n\t\t\t\t&quot;-o-transform&quot;:'scaleX(-1)',\r\n\t\t\t\ttransform:&quot;scaleX(-1)&quot;,\r\n\t\t\t\tleft:-200\r\n\t\t\t}).animate({\r\n\t\t\t\tleft:$(document).width()\r\n\t\t\t},(40*Math.random()+20)*1000,&quot;linear&quot;,function(){\r\n\t\t\t\tshowExtra(id);\r\n\t\t\t}).children(&quot;span&quot;).css({\r\n\t\t\t\t&quot;-moz-transform&quot;:&quot;scaleX(-1)&quot;,\r\n\t\t\t\t'-webkit-transform':'scaleX(-1)',\r\n\t\t\t\t&quot;-o-transform&quot;:'scaleX(-1)',\r\n\t\t\t\ttransform:&quot;scaleX(-1)&quot;,\r\n\t\t\t\tright:&quot;auto&quot;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t$(window).load(function() {\r\n\t\tshowExtra(1);\r\n\t\tsetTimeout(function(){\r\n\t\t\tshowExtra(2);\r\n\t\t},3000);\r\n\t\tfor(var i=1;i&lt;5;i++){\r\n\t\t\t$(&quot;#extra&quot;+i).attr(&quot;i&quot;,i).mouseover(function(){\r\n\t\t\t\t$(this).children(&quot;span&quot;).addClass(&quot;png extratip&quot;+Math.floor(Math.random()*5));\r\n\t\t\t}).mouseout(function(){\r\n\t\t\t\t$(this).children(&quot;span&quot;).removeClass();\r\n\t\t\t}).click(function(){\r\n\t\t\t\tvar an;\r\n\t\t\t\tif($.browser.msie){\r\n\t\t\t\t\tan={top:Math.random()*$(document).height(),left:-200};\r\n\t\t\t\t}else{\r\n\t\t\t\t\tvar rd=Math.random()*4,tgl,tgt;\r\n\t\t\t\t\tif(rd&lt;1){\r\n\t\t\t\t\t\ttgl=Math.random()*$(document).width();\r\n\t\t\t\t\t\ttgt=-200;\r\n\t\t\t\t\t}else if(rd&lt;2){\r\n\t\t\t\t\t\ttgl=Math.random()*$(document).width();\r\n\t\t\t\t\t\ttgt=$(document).height();\r\n\t\t\t\t\t}else if(rd&lt;3){\r\n\t\t\t\t\t\ttgl=-200;\r\n\t\t\t\t\t\ttgt=Math.random()*$(document).height();\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\ttgl=$(document).width();\r\n\t\t\t\t\t\ttgt=Math.random()*$(document).height();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tan={top:tgt,left:tgl};\r\n\t\t\t\t\tif(tgl&gt;parseInt($(this).css(&quot;left&quot;))){\r\n\t\t\t\t\t\t$(this).css({\r\n\t\t\t\t\t\t\t&quot;-moz-transform&quot;:&quot;scaleX(-1)&quot;,\r\n\t\t\t\t\t\t\t'-webkit-transform':'scaleX(-1)',\r\n\t\t\t\t\t\t\t&quot;-o-transform&quot;:'scaleX(-1)',\r\n\t\t\t\t\t\t\ttransform:&quot;scaleX(-1)&quot;\r\n\t\t\t\t\t\t}).children(&quot;span&quot;).css({\r\n\t\t\t\t\t\t\t&quot;-moz-transform&quot;:&quot;scaleX(-1)&quot;,\r\n\t\t\t\t\t\t\t'-webkit-transform':'scaleX(-1)',\r\n\t\t\t\t\t\t\t&quot;-o-transform&quot;:'scaleX(-1)',\r\n\t\t\t\t\t\t\ttransform:&quot;scaleX(-1)&quot;,\r\n\t\t\t\t\t\t\tright:&quot;auto&quot;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\t$(this).css({\r\n\t\t\t\t\t\t\t&quot;-moz-transform&quot;:&quot;&quot;,\r\n\t\t\t\t\t\t\t'-webkit-transform':'',\r\n\t\t\t\t\t\t\t&quot;-o-transform&quot;:'',\r\n\t\t\t\t\t\t\ttransform:&quot;&quot;\r\n\t\t\t\t\t\t}).children(&quot;span&quot;).css({\r\n\t\t\t\t\t\t\t&quot;-moz-transform&quot;:&quot;&quot;,\r\n\t\t\t\t\t\t\t'-webkit-transform':'',\r\n\t\t\t\t\t\t\t&quot;-o-transform&quot;:'',\r\n\t\t\t\t\t\t\ttransform:&quot;&quot;,\r\n\t\t\t\t\t\t\tright:0\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t$(this).stop().animate(an,(Math.random()*4+1)*1000,&quot;linear&quot;,function(){\r\n\t\t\t\t\tshowExtra($(this).attr(&quot;i&quot;));\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n})();\r\n<\/pre>\n<p><a class=\"dlBtn\" title=\"Demo\" href=\"http:\/\/www.bluesdream.com\/case\/jquery\/duilu-funny-jquery\/\" target=\"_blank\">Demo<\/a><a class=\"dlBtn\" title=\"Download\" href=\"http:\/\/www.bluesdream.com\/case\/jquery\/duilu-funny-jquery\/DuiluFunnyJquery.rar\" target=\"_blank\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u662f\u6211\u4ece\u4e00\u4e2a\u51b7\u7b11\u8bdd\u7f51\u7ad9\uff08dui.lu\uff09\u4e0a\u770b\u5230\u7684\u4e00\u4e2ajQuery\u7279\u6548\uff0c\u89c9\u5f97\u86ee\u6709\u610f\u601d\u7684\uff0c\u6240\u4ee5\u5c31\u53d1\u51fa\u6765\u7ed9\u5927\u5bb6\u201c\u8bef\u4e50\u8bef\u4e50\u201d\u3002\u5e76\u4e14\u5176\u4e2d\u8fd8\u4f7f\u7528\u5230\u4e86CSS3\u7684\u5c5e\u6027\uff08transform:scaleX()\uff1a\u6307\u5b9a\u5bf9\u8c61X\u8f74\u7684\uff08\u6c34\u5e73\u65b9\u5411\uff09\u7f29\u653e\uff09\u3002 \u5f53\u4f60\u6253\u5f00\u9875\u9762\u4ee5\u540e\uff0c\u4f60\u4f1a\u53d1\u73b0\u6709\u5404\u79cd\u201c\u86cb\u75bc\u201d+\u201c\u795e\u7ecf\u8d28\u201d\u7684\u4eba\u7269\u5728\u5c4f\u5e55\u4e0a\u7070\u6765\u7070\u53bb\uff0c\u6b64\u65f6\u628a\u4f60\u62ff\u9f20\u6807\u70b9\u4e0a\u53bb\uff0c\u90a3\u4e9b\u201c\u4eba\u7269\u201d\u5c31\u4f1a\u6539\u53d8\u8fd0\u52a8\u8f68\u8ff9\u548c\u8fd0\u52a8\u65b9\u5411\u3002<\/p>\n","protected":false},"author":1,"featured_media":489,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75],"tags":[76,71],"class_list":["post-480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end","tag-css3","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/480"}],"collection":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":0,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/480\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media\/489"}],"wp:attachment":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media?parent=480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/categories?post=480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/tags?post=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}