{"id":2246,"date":"2017-10-30T11:43:58","date_gmt":"2017-10-30T03:43:58","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=2246"},"modified":"2017-10-30T11:43:58","modified_gmt":"2017-10-30T03:43:58","slug":"jquerycss3%e5%ae%9e%e7%8e%b0%e7%9b%b8%e5%86%8c%e6%8b%bc%e5%9b%be%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=2246","title":{"rendered":"jQuery+CSS3\u5b9e\u73b0\u76f8\u518c\u62fc\u56fe\u6548\u679c"},"content":{"rendered":"

\n\t\u767e\u5ea6\u641c\u7d22\u76f8\u518c\u62fc\u56fe\uff0c\u53d1\u73b0\u5339\u914d\u7684\u5185\u5bb9\u5f88\u5c11\u3002\u56e0\u6b64\u6211\u51b3\u5b9a\u4f7f\u7528 jQuery<\/a> \u548c CSS3<\/a> \u6765\u5b9e\u73b0\u4e00\u6b3e\u76f8\u518c\u62fc\u56fe\u63d2\u4ef6\u3002\n<\/p>\n

\n\t\u76f8\u518c\u62fc\u56fe\u5728PS\u8f6f\u4ef6\u4e2d\u8f83\u4e3a\u5e38\u89c1\uff0c\u6bd4\u5982\u7f8e\u56fe\u79c0\u79c0\u7b49\u8f6f\u4ef6\u90fd\u5e26\u6709\u8fd9\u6837\u7684\u529f\u80fd\u3002\u76f8\u518c\u62fc\u56fe\u5c31\u662f\u5c06\u591a\u5f20\u7167\u7247\u62fc\u63a5\u5728\u4e00\u8d77\u5f62\u6210\u4e00\u5f20\u7167\u7247\u3002\u5176\u6548\u679c\u5982\u4e0b\uff1a\u6b22\u8fce\u5927\u5bb6\u5173\u6ce8\u6211\u7684\u535a\u5ba2\uff0c\u5982\u6709\u7591\u95ee\uff0c\u8bf7\u52a0qq\u7fa4\uff1a454796847\u3001135430763 \u5171\u540c\u8fdb\u6b65\uff01\n<\/p>\n

\n\t\"jQuery\n<\/p>\n

\n\t\u9996\u5148\u76f8\u518c\u4e2d\u7684\u56fe\u7247\u4f1a\u4ee5\u4e00\u5b9a\u7684\u89d2\u5ea6\u503e\u659c\u653e\u7f6e\u5728\u9875\u9762\u4e0a\uff0c\u70b9\u51fb\u56fe\u7247\u7f29\u7565\u56fe\u5c31\u53ef\u4ee5\u5c55\u5f00\u56fe\u7247\uff0c\u5e76\u4e14\u56fe\u7247\u662f\u7531\u6240\u6709\u7f29\u7565\u56fe\u62fc\u63a5\u800c\u6210\uff0c\u56fe\u7247\u5c55\u5f00\u548c\u6536\u62e2\u7684\u52a8\u753b\u6548\u679c\u4e5f\u975e\u5e38\u4e0d\u9519\u3002\u5f53\u7136\u56fe\u7247\u503e\u659c\u9700\u8981CSS3\u652f\u6301\u3002\n<\/p>\n

\n\t\u76f8\u5173\u5b9e\u73b0\u4ee3\u7801\u5982\u4e0b\uff1a\n<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <title>jQuery\/CSS3\u5b9e\u73b0\u62fc\u56fe\u6548\u679c\u7684\u76f8\u518c\u63d2\u4ef6DEMO\u6f14\u793a<\/title>\r\n        <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"\/>\r\n        <link rel="stylesheet" href="css\/style.css" type="text\/css" media="screen"\/>\r\n\t\t<script src="js\/cufon-yui.js" type="text\/javascript"><\/script>\r\n\t\t<script src="js\/ChunkFive_400.font.js" type="text\/javascript"><\/script>\r\n\t\t<script type="text\/javascript">\r\n\t\t\tCufon.replace('h1',{ textShadow: '1px 1px #fff'});\r\n\t\t\tCufon.replace('.description',{ textShadow: '1px 1px #fff'});\r\n\t\t\tCufon.replace('a',{ textShadow: '1px 1px #fff', hover : true});\r\n\t\t<\/script>\r\n        <style type="text\/css">\r\n\t\t\t.description{\r\n\t\t\t\tposition:fixed;\r\n\t\t\t\tright:10px;\r\n\t\t\t\ttop:10px;\r\n\t\t\t\tfont-size:12px;\r\n\t\t\t\tcolor:#888;\r\n\t\t\t}\r\n\t\t\tspan.reference{\r\n\t\t\t\tposition:fixed;\r\n\t\t\t\tleft:10px;\r\n\t\t\t\tbottom:10px;\r\n\t\t\t\tfont-size:12px;\r\n\t\t\t}\r\n\t\t\tspan.reference a{\r\n\t\t\t\tcolor:#888;\r\n\t\t\t\ttext-transform:uppercase;\r\n\t\t\t\ttext-decoration:none;\r\n\t\t\t\tpadding-right:20px;\r\n\t\t\t}\r\n\t\t\tspan.reference a:hover{\r\n\t\t\t\tcolor:#444;\r\n\t\t\t}\r\n\t\t<\/style>\r\n    <\/head>\r\n    <body>\r\n\t\t<div id="im_wrapper" class="im_wrapper">\r\n\t\t\t<div style="background-position:0px 0px;"><img src="1.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-125px 0px;"><img src="2.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-250px 0px;"><img src="3.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-375px 0px;"><img src="4.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-500px 0px;"><img src="5.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-625px 0px;"><img src="6.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:0px -125px;"><img src="7.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-125px -125px;"><img src="8.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-250px -125px;"><img src="9.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-375px -125px;"><img src="10.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-500px -125px;"><img src="11.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-625px -125px;"><img src="12.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:0px -250px;"><img src="13.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-125px -250px;"><img src="14.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-250px -250px;"><img src="15.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-375px -250px;"><img src="16.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-500px -250px;"><img src="17.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-625px -250px;"><img src="18.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:0px -375px;"><img src="19.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-125px -375px;"><img src="20.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-250px -375px;"><img src="21.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-375px -375px;"><img src="22.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-500px -375px;"><img src="23.jpg" alt="" \/><\/div>\r\n\t\t\t<div style="background-position:-625px -375px;"><img src="24.jpg" alt="" \/><\/div>\r\n\t\t<\/div>\r\n\t\t<div id="im_loading" class="im_loading"><\/div>\r\n\t\t<div id="im_next" class="im_next"><\/div>\r\n\t\t<div id="im_prev" class="im_prev"><\/div>\r\n        <div>\r\n\t\t<\/div>\r\n        <script type="text\/javascript" src="js\/jquery.min.js"><\/script>\r\n\t\t<script src="js\/jquery.transform-0.9.1.min.js"><\/script>\r\n\t\t<script type="text\/javascript">\r\n\t\t\t(function($,sr){\r\n\t\t\t\tvar debounce = function (func, threshold, execAsap) {\r\n\t\t\t\t\tvar timeout;\r\n\t\t\t\t\treturn function debounced () {\r\n\t\t\t\t\t\tvar obj = this, args = arguments;\r\n\t\t\t\t\t\tfunction delayed () {\r\n\t\t\t\t\t\t\tif (!execAsap)\r\n\t\t\t\t\t\t\t\tfunc.apply(obj, args);\r\n\t\t\t\t\t\t\ttimeout = null;\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tif (timeout)\r\n\t\t\t\t\t\t\tclearTimeout(timeout);\r\n\t\t\t\t\t\telse if (execAsap)\r\n\t\t\t\t\t\t\tfunc.apply(obj, args);\r\n\t\t\t\t\t\ttimeout = setTimeout(delayed, threshold || 100);\r\n\t\t\t\t\t};\r\n\t\t\t\t}\r\n\t\t\t\tjQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };\r\n\t\t\t})(jQuery,'smartresize');\r\n\t\t<\/script>\r\n        <script type="text\/javascript">\t\r\n            $(function() {\r\n\t\t\t\tvar ie \t\t\t= false;\r\n\t\t\t\tif ($.browser.msie)\r\n\t\t\t\t\tie = true;\r\n\t\t\t\tvar flg_click\t= true;\r\n                var $im_wrapper\t= $('#im_wrapper');\r\n\t\t\t\tvar $thumbs\t\t= $im_wrapper.children('div');\r\n\t\t\t\tvar $thumb_imgs = $thumbs.find('img');\r\n\t\t\t\tvar nmb_thumbs\t= $thumbs.length;\r\n\t\t\t\tvar $im_loading\t= $('#im_loading');\r\n\t\t\t\tvar $im_next\t= $('#im_next');\r\n\t\t\t\tvar $im_prev\t= $('#im_prev');\r\n\t\t\t\tvar per_line\t= 6;\r\n\t\t\t\tvar per_col\t\t= Math.ceil(nmb_thumbs\/per_line)\r\n\t\t\t\tvar current\t\t= -1;\r\n\t\t\t\tvar mode\t\t= 'grid';\r\n\t\t\t\tvar positionsArray = [];\r\n\t\t\t\tfor(var i = 0; i < nmb_thumbs; ++i)\r\n\t\t\t\t\tpositionsArray[i]=i;\r\n\t\t\t\t$im_loading.show();\r\n\t\t\t\tvar loaded\t\t= 0;\r\n\t\t\t\t$thumb_imgs.each(function(){\r\n\t\t\t\t\tvar $this = $(this);\r\n\t\t\t\t\t$('<img\/>').load(function(){\r\n\t\t\t\t\t\t++loaded;\r\n\t\t\t\t\t\tif(loaded == nmb_thumbs*2)\r\n\t\t\t\t\t\t\tstart();\r\n\t\t\t\t\t}).attr('src',$this.attr('src'));\r\n\t\t\t\t\t$('<img\/>').load(function(){\r\n\t\t\t\t\t\t++loaded;\r\n\t\t\t\t\t\tif(loaded == nmb_thumbs*2)\r\n\t\t\t\t\t\t\tstart();\r\n\t\t\t\t\t}).attr('src',$this.attr('src').replace('\/thumbs',''));\r\n\t\t\t\t});\r\n\t\t\t\tfunction start(){\r\n\t\t\t\t\t$im_loading.hide();\r\n\t\t\t\t\tdisperse();\r\n\t\t\t\t}\r\n\t\t\t\tfunction disperse(){\r\n\t\t\t\t\tif(!flg_click) return;\r\n\t\t\t\t\tsetflag();\r\n\t\t\t\t\tmode\t\t\t= 'grid';\r\n\t\t\t\t\tvar spaces_w \t= $(window).width()\/(per_line + 1);\r\n\t\t\t\t\tvar spaces_h \t= $(window).height()\/(per_col + 1);\r\n\t\t\t\t\t$thumbs.each(function(i){\r\n\t\t\t\t\t\tvar $thumb \t= $(this);\r\n\t\t\t\t\t\tvar left\t= spaces_w*((i%per_line)+1) - $thumb.width()\/2;\r\n\t\t\t\t\t\tvar top\t\t= spaces_h*(Math.ceil((i+1)\/per_line)) - $thumb.height()\/2;\r\n\t\t\t\t\t\tvar r \t\t= Math.floor(Math.random()*41)-20;\r\n\t\t\t\t\t\tif(ie)\r\n\t\t\t\t\t\t\tvar param = {\r\n\t\t\t\t\t\t\t\t'left'\t\t: left + 'px',\r\n\t\t\t\t\t\t\t\t'top'\t\t: top + 'px'\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\tvar param = {\r\n\t\t\t\t\t\t\t\t'left'\t\t: left + 'px',\r\n\t\t\t\t\t\t\t\t'top'\t\t: top + 'px',\r\n\t\t\t\t\t\t\t\t'rotate'\t: r + 'deg'\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t$thumb.stop()\r\n\t\t\t\t\t\t.animate(param,700,function(){\r\n\t\t\t\t\t\t\tif(i==nmb_thumbs-1)\r\n\t\t\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\t.find('img')\r\n\t\t\t\t\t\t.fadeIn(700,function(){\r\n\t\t\t\t\t\t\t$thumb.css({\r\n\t\t\t\t\t\t\t\t'background-image'\t: 'none'\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t$(this).animate({\r\n\t\t\t\t\t\t\t\t'width'\t\t: '115px',\r\n\t\t\t\t\t\t\t\t'height'\t: '115px',\r\n\t\t\t\t\t\t\t\t'marginTop'\t: '5px',\r\n\t\t\t\t\t\t\t\t'marginLeft': '5px'\r\n\t\t\t\t\t\t\t},150);\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\tfunction setflag(){\r\n\t\t\t\t\tflg_click = !flg_click\r\n\t\t\t\t}\r\n\t\t\t\t$thumbs.bind('click',function(){\r\n\t\t\t\t\tif(!flg_click) return;\r\n\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar $this \t\t= $(this);\r\n\t\t\t\t\tcurrent \t\t= $this.index();\r\n\t\t\t\t\t\r\n\t\t\t\t\tif(mode\t== 'grid'){\r\n\t\t\t\t\t\tmode\t\t\t= 'single';\r\n\t\t\t\t\t\tvar image_src\t= $this.find('img').attr('src').replace('\/thumbs','');\r\n\t\t\t\t\t\t$thumbs.each(function(i){\r\n\t\t\t\t\t\t\tvar $thumb \t= $(this);\r\n\t\t\t\t\t\t\tvar $image \t= $thumb.find('img');\r\n\t\t\t\t\t\t\t$image.stop().animate({\r\n\t\t\t\t\t\t\t\t'width'\t\t: '100%',\r\n\t\t\t\t\t\t\t\t'height'\t: '100%',\r\n\t\t\t\t\t\t\t\t'marginTop'\t: '0px',\r\n\t\t\t\t\t\t\t\t'marginLeft': '0px'\r\n\t\t\t\t\t\t\t},150,function(){\r\n\t\t\t\t\t\t\t\tvar f_w\t= per_line * 125;\r\n\t\t\t\t\t\t\t\tvar f_h\t= per_col * 125;\r\n\t\t\t\t\t\t\t\tvar f_l = $(window).width()\/2 - f_w\/2\r\n\t\t\t\t\t\t\t\tvar f_t = $(window).height()\/2 - f_h\/2\r\n\t\t\t\t\t\t\t\tif(ie)\r\n\t\t\t\t\t\t\t\t\tvar param = {\r\n\t\t\t\t\t\t\t\t\t\t'left'\t: f_l + (i%per_line)*125 + 'px',\r\n\t\t\t\t\t\t\t\t\t\t'top'\t: f_t + Math.floor(i\/per_line)*125 + 'px'\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\tvar param = {\r\n\t\t\t\t\t\t\t\t\t\t'rotate': '0deg',\r\n\t\t\t\t\t\t\t\t\t\t'left'\t: f_l + (i%per_line)*125 + 'px',\r\n\t\t\t\t\t\t\t\t\t\t'top'\t: f_t + Math.floor(i\/per_line)*125 + 'px'\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t$thumb.css({\r\n\t\t\t\t\t\t\t\t\t'background-image'\t: 'url('+image_src+')'\r\n\t\t\t\t\t\t\t\t}).stop()\r\n\t\t\t\t\t\t\t\t.animate(param,1200,function(){\r\n\t\t\t\t\t\t\t\t\tif(i==nmb_thumbs-1){\r\n\t\t\t\t\t\t\t\t\t\taddNavigation();\r\n\t\t\t\t\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t$image.fadeOut(700);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse{\r\n\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\tremoveNavigation();\r\n\t\t\t\t\t\tdisperse();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\tfunction removeNavigation(){\r\n\t\t\t\t\t$im_next.stop().animate({'right':'-50px'},300);\r\n\t\t\t\t\t$im_prev.stop().animate({'left':'-50px'},300);\r\n\t\t\t\t}\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\tfunction addNavigation(){\r\n\t\t\t\t\t$im_next.stop().animate({'right':'0px'},300);\r\n\t\t\t\t\t$im_prev.stop().animate({'left':'0px'},300);\r\n\t\t\t\t}\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\t$im_next.bind('click',function(){\r\n\t\t\t\t\tif(!flg_click) return;\r\n\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\r\n\t\t\t\t\t++current;\r\n\t\t\t\t\tvar $next_thumb\t= $im_wrapper.children('div:nth-child('+(current+1)+')');\r\n\t\t\t\t\tif($next_thumb.length>0){\r\n\t\t\t\t\t\tvar image_src\t= $next_thumb.find('img').attr('src').replace('\/thumbs','');\r\n\t\t\t\t\t\tvar arr \t\t= Array.shuffle(positionsArray.slice(0));\r\n\t\t\t\t\t\t$thumbs.each(function(i){\r\n\t\t\t\t\t\t\t\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\t\t\t\tvar t = $(this);\r\n\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\tt.css({\r\n\t\t\t\t\t\t\t\t\t'background-image'\t: 'url('+image_src+')'\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tif(i == nmb_thumbs-1)\r\n\t\t\t\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t\t},arr.shift()*20);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse{\r\n\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t--current;\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\t$im_prev.bind('click',function(){\r\n\t\t\t\t\tif(!flg_click) return;\r\n\t\t\t\t\tsetflag();\r\n\t\t\t\t\t--current;\r\n\t\t\t\t\tvar $prev_thumb\t= $im_wrapper.children('div:nth-child('+(current+1)+')');\r\n\t\t\t\t\tif($prev_thumb.length>0){\r\n\t\t\t\t\t\tvar image_src\t= $prev_thumb.find('img').attr('src').replace('\/thumbs','');\r\n\t\t\t\t\t\tvar arr \t\t= Array.shuffle(positionsArray.slice(0));\r\n\t\t\t\t\t\t$thumbs.each(function(i){\r\n\t\t\t\t\t\t\tvar t = $(this);\r\n\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\tt.css({\r\n\t\t\t\t\t\t\t\t\t'background-image'\t: 'url('+image_src+')'\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tif(i == nmb_thumbs-1)\r\n\t\t\t\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t\t},arr.shift()*20);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse{\r\n\t\t\t\t\t\tsetflag();\r\n\t\t\t\t\t\t++current;\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\t$(window).smartresize(function(){\r\n\t\t\t\t\tremoveNavigation()\r\n\t\t\t\t\tdisperse();\r\n\t\t\t\t});\r\n\t\t\t\t\/\/ \u4e1a\u4f59\u8349\uff1awww.xttblog.com\r\n\t\t\t\tArray.shuffle = function( array ){\r\n\t\t\t\t\tfor(\r\n\t\t\t\t\tvar j, x, i = array.length; i;\r\n\t\t\t\t\tj = parseInt(Math.random() * i),\r\n\t\t\t\t\tx = array[--i], array[i] = array[j], array[j] = x\r\n\t\t\t\t);\r\n\t\t\t\t\treturn array;\r\n\t\t\t\t};\r\n            });\r\n        <\/script>\r\n    <\/body>\r\n<\/html>\r\n<\/pre>\n
\n\t\u6b22\u8fce\u5927\u5bb6\u5173\u6ce8\u6211\u7684\u535a\u5ba2\uff0c\u5982\u6709\u7591\u95ee\uff0c\u8bf7\u52a0qq\u7fa4\uff1a454796847\u3001135430763 \u5171\u540c\u8fdb\u6b65\uff01<\/p>\n
\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/<\/p>
\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1axttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p>
\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a\u4e1a\u4f59\u8349<\/a>\uff1a » jQuery+CSS3\u5b9e\u73b0\u76f8\u518c\u62fc\u56fe\u6548\u679c<\/a><\/p>","protected":false},"excerpt":{"rendered":"
\u767e\u5ea6\u641c\u7d22\u76f8\u518c\u62fc\u56fe\uff0c\u53d1\u73b0\u5339\u914d\u7684\u5185\u5bb9\u5f88\u5c11\u3002\u56e0\u6b64\u6211\u51b3\u5b9a\u4f7f\u7528 jQuery \u548c CSS3 \u6765\u5b9e\u73b0\u4e00\u6b3e\u76f8\u518c\u62fc\u56fe\u63d2\u4ef6\u3002 \u76f8 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[814,1106,49,115],"class_list":["post-2246","post","type-post","status-publish","format-standard","hentry","category-html5","tag-css3","tag-javascript","tag-jquery","tag-transform"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2246"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2246\/revisions"}],"predecessor-version":[{"id":2247,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2246\/revisions\/2247"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}