{"id":648,"date":"2013-06-05T18:04:12","date_gmt":"2013-06-05T10:04:12","guid":{"rendered":"http:\/\/www.bluesdream.com\/blog\/?p=648"},"modified":"2014-01-13T10:50:07","modified_gmt":"2014-01-13T02:50:07","slug":"ublue-jquery-image-carousel","status":"publish","type":"post","link":"https:\/\/www.bluesdream.com\/blog\/ublue-jquery-image-carousel.html","title":{"rendered":"Ublue jQuery Image Carousel\uff08\u7126\u70b9\u56fe&\u56fe\u7247\u8f6e\u64ad\uff09v2.2"},"content":{"rendered":"

\u7126\u70b9\u56fe\u548c\u56fe\u7247\u8f6e\u64ad\uff0c\u53ef\u4ee5\u8bf4\u51e0\u4e4e\u662f\u6bcf\u4e2a\u7f51\u7ad9\u5fc5\u5b9a\u4f1a\u7528\u5230\u7684\u5185\u5bb9\u3002\u4e4b\u524d\u6211\u6709\u5199\u8fc7\u4e00\u4e2a\u7126\u70b9\u56fe\u7684\u63d2\u4ef6jQuery\u56fe\u7247\u5207\u6362\u6548\u679c \u2013 Ublue jQuery Slideshow 1.0<\/a>\u3002\u800c\u4eca\u5929\u7684\u8fd9\u4e2a\u63d2\u4ef6\uff0c\u53ef\u4ee5\u8bf4\u662f\u5728\u6b64\u57fa\u7840\u4e0a\u7684\u4e00\u4e2a\u91cd\u65b0\u7f16\u8bd1\u548c\u6269\u5c55\uff0c\u7ed3\u5408\u4e86\u7126\u70b9\u56fe\u4e0e\u56fe\u7247\u8f6e\u64ad\uff0c\u5e76\u4e14\u6839\u636e\u4e0d\u540c\u7684\u53c2\u6570\u8bbe\u7f6e\u548cCSS\u6837\u5f0f\uff0c\u80fd\u591f\u7ec4\u5408\u51fa\u591a\u79cd\u5448\u73b0\u65b9\u5f0f\uff0c\u57fa\u672c\u80fd\u591f\u6ee1\u8db3\u65e5\u5e38\u6240\u9700\u8981\u7684\u4e00\u4e9b\u4f7f\u7528\u3002<\/p>\n

\u529f\u80fd\u8bf4\u660e\uff08v2.2<\/span>\uff09\uff1a
\n1.\u652f\u6301\u591a\u56fe\u6eda\u52a8
\n2.\u9f20\u6807\u7ecf\u8fc7\u6682\u505c\u81ea\u52a8\u64ad\u653e
\n3.\u5c0f\u6309\u94ae\u652f\u6301\u70b9\u51fb\u548c\u6ed1\u52a8\u5207\u6362
\n4.\u6807\u9898\u652f\u6301\u6ed1\u52a8\u663e\u793a
\n5.\u56fe\u7247\u6eda\u52a8\u8303\u56f4\u81ea\u9002\u5e94\uff08\u53ea\u8981\u8bbe\u7f6e\u5916\u5c42\u7684\u5bb9\u5668\u5bbd\u5ea6\uff0c\u5185\u90e8\u56fe\u7247\u4f1a\u6839\u636e\u5916\u5c42\u5927\u5c0f\uff0c\u81ea\u52a8\u8c03\u8282\u6eda\u52a8\u6b21\u6570\u548c\u8ddd\u79bb\uff09
\n6.\u652f\u6301\u5de6\u53f3\u6eda\u52a8\u3001\u4e0a\u4e0b\u6eda\u52a8\u3001\u6e10\u53d8\uff08\u6de1\u5165\u6de1\u51fa\uff09\u3001\u7f29\u7565\u56fe\u6a21\u5f0f
\n7.\u5355\u4e2a\u9875\u9762\u53ef\u91cd\u590d\u4f7f\u7528
\n8.\u517c\u5bb9IE6+\u3001Chrome\u3001Firefox\u3001Safari\u3001Opera<\/p>\n

HTML CODE\uff08\u901a\u7528\u7ed3\u6784\uff09\uff1a<\/strong><\/p>\n

\r\n<div class="focusMain isCarousel demoA">\r\n\t<div class="focusArea">\r\n\t\t<div class="focusCon">\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Space base<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img1.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Festival Hall<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img2.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Airplane at sunset<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img3.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Railroad bridge<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img4.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Midosuji line<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img5.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class="item">\r\n\t\t\t\t<h4 class="title"><a href="#">Sky building<\/a><\/h4>\r\n\t\t\t\t<a href="#"><img src="images\/img6.jpg" alt="" \/><\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div class="focusIndicators">\r\n\t<\/div>\r\n<\/div>\r\n<\/pre>\n
CSS CODE\uff1a<\/strong><\/p>\n
\r\n\/* = \u5168\u5c40\r\n-------------------------------------------------------------- *\/\r\nbody{ font:12px\/18px Arial,\\5FAE\\8F6F\\96C5\\9ED1; background:url(..\/images\/bg.png); padding-bottom:100px;}\r\nh2{ padding:80px 0 20px 0; text-align:center; font-size:16px; color:#444;}\r\n\r\n\/* = \u901a\u7528\u5e03\u5c40\r\n-------------------------------------------------------------- *\/\r\n.focusBtn, .focusIndicators a{ display:block; background:url(..\/images\/script.png); background-repeat:no-repeat;}\r\n.focusMain{ width:650px; position:relative; margin:0 auto;}\r\n.focusArea{ width:594px; margin:0 auto 15px; position:relative; overflow:hidden;}\r\n.focusCon{ width:594px; position:absolute; top:0;}\r\n.focusItem{ position:relative; margin:0 4px; padding:1px; border:1px solid #666; background:#DDDEDE;}\r\n.focusCon .title{ height:26px; position:absolute; left:1px; bottom:1px; background:#000; opacity:.8; filter:Alpha(opacity=80); line-height:26px; font-size:14px; font-weight:400; overflow: hidden;}\r\n.focusCon .title a{ display:block; padding:0 10px; color:#FFF; position:relative;}\r\n.focusIndicators{ height:7px; font-size:0; line-height:0; text-align:center;}\r\n.focusIndicators a{ display:inline-block; width:7px; height:7px; margin:0 4px; background-position:0 -50px; font-size:0; _zoom:1; cursor:pointer; overflow:hidden;}\r\n.focusIndicators .current{ background-position:-10px -50px;}\r\n.focusBtn{ display:block; position:absolute; top:50%; width:24px; height:49px; margin-top:-25px; background-color:#606060; cursor:pointer;}\r\n.focusPrev{ left:0; background-position:0 0;}\r\n.focusNext{ right:0; background-position:-30px 0;}\r\n.focusPrev:hover, .focusNext:hover{ background-color:#333;}\r\n.focusItem img, .focusIndicators img{ width:100%; height:100%;}\r\n\r\n\/* = \u8f6e\u64ad\u548c\u7126\u70b9\u56fe\u533a\u5206\r\n-------------------------------------------------------------- *\/\r\n.isCarousel .focusArea{ height:130px;}\r\n.isCarousel .focusItem{ float:left; width:186px; height:126px; _display:inline;}\r\n.isCarousel .focusCon .title{ width:186px;}\r\n.isCarousel .focusGroup{ float:left; _display:inline;}\r\n\r\n.isFocus .focusArea{ height:330px;}\r\n.isFocus .focusItem{ width:582px; height:326px;}\r\n.isFocus .focusCon .title{ width:582px;}\r\n\r\n\/* = \u7279\u6b8a\u5185\u5bb9\u7279\u6b8a\u5904\u7406\r\n-------------------------------------------------------------- *\/\r\n.demoB .focusCon .title{ bottom:-27px;}\r\n\r\n.demoD .focusItem{ float:left; _display:inline;}\r\n\r\n.demoF .focusItem{ display:none; position:absolute; top:0; left:0; }\r\n\r\n.demoG .focusItem{ display:none; position:absolute; top:0; left:0; }\r\n.demoG .focusIndicators{ height:42px;}\r\n.demoG .focusIndicators a{ width:60px; height:40px; margin:0 2px; border:1px solid #000; background:none;}\r\n.demoG .focusIndicators .current{ border:1px solid #FFF;}\r\n\r\n.demoJ .focusItem{ float:left; _display:inline;}\r\n.demoJ .focusIndicators{ height:42px;}\r\n.demoJ .focusIndicators a{ width:60px; height:40px; margin:0 2px; border:1px solid #000; background:none;}\r\n.demoJ .focusIndicators .current{ border:1px solid #FFF;}\r\n\r\n.demoK .focusArea{ width:190px; height:390px; margin:0 auto;}\r\n.demoK .focusItem{ width:186px; height:126px; margin:0;}\r\n.demoK .focusCon{ width:190px;}\r\n.demoK .focusCon .title{ width:186px;}\r\n<\/pre>\n
\u9ed8\u8ba4\u53c2\u6570\uff1a<\/strong><\/p>\n
\r\n\/*\r\n=====================================================\r\n\/\/ Dom\u8282\u70b9\r\nubArea:'.focusArea',\t\t\t\t\/\/ \u5916\u5c42\uff08\u4e0a\u4e0b\u65e0\u7f1d\u6eda\u52a8\u65f6\uff0c\u4ee5\u8be5\u5c42\u505a\u5b9a\u4f4d\uff09\r\nubCon:'.focusCon',\t\t\t\t\/\/ \u5185\u5bb9\uff08\u6eda\u52a8\u65f6\u4ee5\u8be5\u5c42\u505a\u5b9a\u4f4d\uff09\r\nubItem:'.focusItem',\t\t\t\t\/\/ \u5217\u8868\u9879\r\nubIndicators:'.focusIndicators',\t\t\/\/ \u5c0f\u6309\u94ae\r\nubPrev:'.focusPrev',\t\t\t\t\/\/ \u5411\u4e0a\u6309\u94ae\r\nubNext:'.focusNext',\t\t\t\t\/\/ \u5411\u4e0b\u6309\u94ae\r\n\/\/ \u6548\u679c\u5c55\u73b0 \uff08\u4ee5\u4e0b\u4e3a\u9ed8\u8ba4\u503c\uff09\r\nubEffect:'left',\t\t\t\t\/\/ \u6548\u679c\u5448\u73b0\u65b9\u5f0f 'left' 'top' 'fade' 'leftSeamless' 'topSeamless'\r\nubTrigger:'hover',\t\t\t\t\/\/ \u5c0f\u6309\u94ae\u7ecf\u89e6\u53d1\u6761\u4ef6 'hover' 'click'\r\nubAutoPlay:'on',\t\t\t\t\/\/ \u662f\u5426\u81ea\u52a8\u64ad\u653e\r\nubAutoBtn:'on',\t\t\t\t\t\/\/ \u5c0f\u6309\u94ae\u662f\u5426\u81ea\u52a8\u751f\u6210\uff08\u4fbf\u4e8e\u505a\u6210\u7f29\u7565\u56fe\u5f62\u5f0f\uff09\r\nubTitleHover:'off',\t\t\t\t\/\/ \u6807\u9898\u662f\u5426\u6ed1\u52a8\u663e\u793a\r\nubGallery:'off',\t\t\t\t\/\/ \u662f\u5426\u5f00\u542f\u591a\u56fe\u6eda\u52a8\r\n\/\/ \u65f6\u95f4\u8bbe\u7f6e \uff08\u6309\u6beb\u79d2\u8ba1\u7b97\uff1a1000\u6beb\u79d2=1\u79d2\uff09\r\nubTime:5000,\t\t\t\t\t\/\/ \u81ea\u52a8\u64ad\u653e\u7684\u65f6\u95f4\u95f4\u9694\r\nubSpeed:480,\t\t\t\t\t\/\/ \u56fe\u7247\u5207\u6362\u7684\u901f\u5ea6\r\nubTitleSpeed:50\t\t\t\t\t\/\/ \u6807\u9898\u6ed1\u8fc7\u663e\u793a\u7684\u901f\u5ea6\r\n=====================================================\r\n*\/\r\n<\/pre>\n
\u4f7f\u7528\u548c\u8bbe\u7f6e\u65b9\u6cd5\uff08\u793a\u4f8b\uff09\uff1a<\/strong><\/p>\n
\r\nA. \u56fe\u7247\u8f6e\u64ad\uff1a\u5355\u5f20\u6eda\u52a8\u3001\u81ea\u52a8\u6eda\u52a8\u3001\u65e0\u5de6\u53f3\u6309\u94ae\r\n$(".demoA").ublue_ImageCarousel(); \t\/\/\u9ed8\u8ba4\u8c03\u7528\u65b9\u5f0f\uff08\u4f7f\u7528\u9ed8\u8ba4\u53c2\u6570\uff09\r\n\r\nB. \u56fe\u7247\u8f6e\u64ad\uff1a\u5355\u5f20\u6eda\u52a8\u3001\u65e0\u5c0f\u6309\u94ae\u3001\u6807\u9898hover\u663e\u793a\r\n$(".demoB").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubTitleHover:"on" \t\t\t\/\/ \u6807\u9898hover\u663e\u793a\r\n});\r\n\r\nC. \u56fe\u7247\u8f6e\u64ad\uff1a\u591a\u5f20\u6eda\u52a8\u3001\u5c0f\u6309\u94ae\u70b9\u51fb\u5207\u6362\r\n$(".demoC").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubTrigger:"click", \t\t\t\/\/ \u5c0f\u6309\u94ae\u70b9\u51fb\u5207\u6362\r\n\tubGallery:"on" \t\t\t\t\/\/ \u5f00\u542f\u591a\u56fe\u6eda\u52a8\r\n});\r\n\r\nD. \u7126\u70b9\u56fe\uff1a\u5de6\u53f3\u6eda\u52a8\r\n$(".demoD").ublue_ImageCarousel({\r\n\tubAutoPlay:"off" \t\t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n});\r\n\r\nE. \u7126\u70b9\u56fe\uff1a\u5411\u4e0a\u4e0b\u6eda\u52a8\r\n$(".demoE").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"top" \t\t\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u4e0a\u4e0b\u6eda\u52a8\r\n});\r\n\r\nF. \u7126\u70b9\u56fe\uff1a\u6e10\u53d8\u663e\u793a\r\n$(".demoF").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"fade" \t\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u6e10\u53d8\uff08\u6de1\u5165\u6de1\u51fa\uff09\r\n});\r\n\r\nG. \u7126\u70b9\u56fe\uff1a\u6e10\u53d8\u663e\u793a\u3001\u5c0f\u6309\u94ae(\u7f29\u7565\u56fe)\u624b\u5de5\u586b\u5199\r\n$(".demoG").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"fade", \t\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u6e10\u53d8\uff08\u6de1\u5165\u6de1\u51fa\uff09\r\n\tubAutoBtn:"off" \t\t\t\/\/ \u5c0f\u6309\u94ae\u4e0d\u81ea\u52a8\u751f\u6210\uff08\u624b\u5de5\u505a\u6210\u7f29\u7565\u56fe\u5f62\u5f0f\uff09\r\n});\r\n\r\nH. \u56fe\u7247\u8f6e\u64ad\uff1a\u65e0\u7f1d\u5de6\u53f3\u6eda\u52a8\r\n$(".demoH").ublue_ImageCarousel({\r\n\tubAutoPlay:"off",\t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"leftSeamless"\t\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u65e0\u7f1d\u6eda\u52a8\r\n});\r\n\r\nI. \u56fe\u7247\u8f6e\u64ad\uff1a\u65e0\u7f1d\u591a\u5f20\u6eda\u52a8\r\n$(".demoI").ublue_ImageCarousel({\r\n\tubAutoPlay:"off",\t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"leftSeamless",\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u65e0\u7f1d\u6eda\u52a8\r\n\tubGallery:"on"\t\t\t\t\/\/ \u5f00\u542f\u591a\u56fe\u6eda\u52a8\r\n});\r\n\r\nJ. \u7126\u70b9\u56fe\uff1a\u65e0\u7f1d\u5de6\u53f3\u6eda\u52a8\r\n$(".demoJ").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"leftSeamless",\t\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u65e0\u7f1d\u6eda\u52a8\r\n\tubAutoBtn:"off" \t\t\t\/\/ \u5c0f\u6309\u94ae\u4e0d\u81ea\u52a8\u751f\u6210\uff08\u624b\u5de5\u505a\u6210\u7f29\u7565\u56fe\u5f62\u5f0f\uff09\r\n});\r\n\r\nK. \u7126\u70b9\u56fe\uff1a\u65e0\u7f1d\u4e0a\u4e0b\u6eda\u52a8\r\n$(".demoK").ublue_ImageCarousel({\r\n\tubAutoPlay:"off", \t\t\t\/\/ \u5173\u95ed\u81ea\u52a8\u64ad\u653e\r\n\tubEffect:"topSeamless",\t\/\/ \u56fe\u7247\u5207\u6362\u65b9\u5f0f\u4e3a\u65e0\u7f1d\u6eda\u52a8\r\n\tubAutoBtn:"off" \t\t\t\/\/ \u5c0f\u6309\u94ae\u4e0d\u81ea\u52a8\u751f\u6210\uff08\u624b\u5de5\u505a\u6210\u7f29\u7565\u56fe\u5f62\u5f0f\uff09\r\n});\r\n<\/pre>\n
\u63d0\u793a\uff1a\u672c\u63d2\u4ef6\u6db5\u76d6\u4e86\u591a\u79cd\u663e\u793a\u65b9\u5f0f\uff0c\u5927\u5bb6\u53ef\u4ee5\u6839\u636e\u201c\u53c2\u6570\u201d\u5e76\u4e14\u7ed3\u5408\u201cCSS\u201d\uff0c\u7ec4\u5408\u51fa\u81ea\u5df1\u7684\u5185\u5bb9\u3002<\/p>\n
\u66f4\u65b0\u65e5\u5fd7\uff1a
\n2013.06.06 v1.3.0 beta\uff081.\u589e\u52a0\u5c0f\u6309\u94ae\u7684\u89e6\u53d1\u6761\u4ef6 2.\u6027\u80fd\u4f18\u5316\uff0c\u5c0f\u6309\u94ae\u548c\u6eda\u52a8\u6807\u9898\uff0c\u9f20\u6807\u505c\u7559150ms\u540e\u624d\u6267\u884c\uff09
\n2013.06.10 v1.3.1 beta\uff081.\u8bed\u53e5\u4f18\u5316\uff09
\n2013.06.28 v1.3.2 beta\uff081.\u517c\u5bb9\u6027\u8c03\u6574\uff09
\n2013.08.01 v1.3.3 beta\uff081.\u4fee\u590d\u4e00\u4e2a\u9519\u8bef\u7684\u5224\u65ad\u6761\u4ef6\uff09
\n2013.08.08 v2.0\uff081.\u65b0\u589e\u4e0a\u4e0b\u6eda\u52a8\u548c\u7f29\u7565\u56fe\u6a21\u5f0f 2.\u90e8\u5206\u8bed\u53e5\u91cd\u65b0\u5b9a\u4e49 3.\u903b\u8f91\u4f18\u5316 4.\u66f4\u4e3a\u7cbe\u7b80\uff09
\n2013.10.21 v2.1\uff081.\u65b0\u589e\u5de6\u53f3\u65e0\u7f1d\u6eda\u52a8 2.\u8bed\u53e5\u4f18\u5316\uff09
\n2013.11.18 v2.2\uff081.\u65b0\u589e\u4e0a\u4e0b\u65e0\u7f1d\u6eda\u52a8 2.\u4ee3\u7801\u4f18\u5316\uff09<\/p>\n
Demo<\/a>Download<\/a>Github<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u7126\u70b9\u56fe\u548c\u56fe\u7247\u8f6e\u64ad\uff0c\u53ef\u4ee5\u8bf4\u51e0\u4e4e\u662f\u6bcf\u4e2a\u7f51\u7ad9\u5fc5\u5b9a\u4f1a\u7528\u5230\u7684\u5185\u5bb9\u3002\u4e4b\u524d\u6211\u6709\u5199\u8fc7\u4e00\u4e2a\u7126\u70b9\u56fe\u7684\u63d2\u4ef6jQuery\u56fe\u7247\u5207\u6362\u6548\u679c \u2013 Ublue jQuery Slideshow 1.0\u3002\u800c\u4eca\u5929\u7684\u8fd9\u4e2a\u63d2\u4ef6\uff0c\u53ef\u4ee5\u8bf4\u662f\u5728\u6b64\u57fa\u7840\u4e0a\u7684\u4e00\u4e2a\u91cd\u65b0\u7f16\u8bd1\u548c\u6269\u5c55\uff0c\u7ed3\u5408\u4e86\u7126\u70b9\u56fe\u4e0e\u56fe\u7247\u8f6e\u64ad\uff0c\u5e76\u4e14\u6839\u636e\u4e0d\u540c\u7684\u53c2\u6570\u8bbe\u7f6e\u548cCSS\u6837\u5f0f\uff0c\u80fd\u591f\u7ec4\u5408\u51fa\u591a\u79cd\u5448\u73b0\u65b9\u5f0f\uff0c\u57fa\u672c\u80fd\u591f\u6ee1\u8db3\u65e5\u5e38\u6240\u9700\u8981\u7684\u4e00\u4e9b\u4f7f\u7528\u3002 \u529f\u80fd\u8bf4\u660e\uff08v2.2\uff09\uff1a 1.\u652f\u6301\u591a\u56fe\u6eda\u52a8 2.\u9f20\u6807\u7ecf\u8fc7\u6682\u505c\u81ea\u52a8\u64ad\u653e 3.\u5c0f\u6309\u94ae\u652f\u6301\u70b9\u51fb\u548c\u6ed1\u52a8\u5207\u6362 4.\u6807\u9898\u652f\u6301\u6ed1\u52a8\u663e\u793a 5.\u56fe\u7247\u6eda\u52a8\u8303\u56f4\u81ea\u9002\u5e94\uff08\u53ea\u8981\u8bbe\u7f6e\u5916\u5c42\u7684\u5bb9\u5668\u5bbd\u5ea6\uff0c\u5185\u90e8\u56fe\u7247\u4f1a\u6839\u636e\u5916\u5c42\u5927\u5c0f\uff0c\u81ea\u52a8\u8c03\u8282\u6eda\u52a8\u6b21\u6570\u548c\u8ddd\u79bb\uff09 6.\u652f\u6301\u5de6\u53f3\u6eda\u52a8\u3001\u4e0a\u4e0b\u6eda\u52a8\u3001\u6e10\u53d8\uff08\u6de1\u5165\u6de1\u51fa\uff09\u3001\u7f29\u7565\u56fe\u6a21\u5f0f 7.\u5355\u4e2a\u9875\u9762\u53ef\u91cd\u590d\u4f7f\u7528 8.\u517c\u5bb9IE6+\u3001Chrome\u3001Firefox\u3001Safari\u3001Opera<\/p>\n","protected":false},"author":1,"featured_media":649,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75],"tags":[71,29],"class_list":["post-648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end","tag-jquery","tag-original"],"_links":{"self":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/648"}],"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=648"}],"version-history":[{"count":0,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/648\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media\/649"}],"wp:attachment":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media?parent=648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/categories?post=648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/tags?post=648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}