{"id":649,"date":"2015-03-19T17:23:36","date_gmt":"2015-03-19T09:23:36","guid":{"rendered":"https:\/\/aweidesign.why3s.tw\/wp2\/?p=649"},"modified":"2015-03-26T15:44:19","modified_gmt":"2015-03-26T07:44:19","slug":"awei%e7%a0%94%e7%a9%b6%e5%ae%a4%e5%88%a9%e7%94%a8%e9%8c%a8%e9%bb%9e%e9%80%a3%e7%b5%90%e6%bb%91%e5%8b%95%e6%95%88%e6%9e%9cjquery","status":"publish","type":"post","link":"https:\/\/aweidesign.why3s.tw\/wp2\/649\/awei%e7%a0%94%e7%a9%b6%e5%ae%a4%e5%88%a9%e7%94%a8%e9%8c%a8%e9%bb%9e%e9%80%a3%e7%b5%90%e6%bb%91%e5%8b%95%e6%95%88%e6%9e%9cjquery","title":{"rendered":"[awei\u7814\u7a76\u5ba4]\u5229\u7528\u9328\u9ede\u9023\u7d50\u6ed1\u52d5\u6548\u679cJQUERY"},"content":{"rendered":"<p>\u7576\u6587\u7ae0\u5167\u5bb9\u5f88\u591a\uff0c\u6372\u8ef8\u4e00\u76f4\u5411\u4e0b\u62c9\uff0c\u62c9\u5230\u6700\u4e0b\u9762\u5f8c\uff0c\u53c8\u8981\u7528\u6ed1\u9f20\u5c07\u6372\u8ef8\u62c9\u4e0a<br \/>\n\u96d6\u7136\u73fe\u5728\u6ed1\u9f20\u90fd\u6709\u6efe\u8f2a\u7684\u5e6b\u52a9\uff0c\u4f46\u662f\u4e00\u500b\u597d\u7684UI\u4ecb\u9762\u4f86\u8aaa\u4ee5\u9328\u9ede\u7684\u65b9\u5f0f\uff0c\u80fd\u5920\u65b9\u4fbf\u5feb\u901f\u7684\u627e\u5230\u4e3b\u984c<br \/>\n\u800c\u9328\u9ede\u8207\u8d85\u9023\u7d50\u662f\u5bc6\u4e0d\u53ef\u5206\u7684\u3002<\/p>\n<p>\u7bc4\u4f8b\u4e00<span style=\"color: #ff0000;\">\u662f\u76f4\u5f0f\u6372\u8ef8\u52a0\u4e0a\u00a0go<span class=\"boldRed\">\u00a0Top<\/span> \u7684\u9215\uff0c\u6309\u4e0b\u53bb\u53ef\u4ee5\u81ea\u52d5\u7684\u628a\u7db2\u9801\u6372\u8ef8\u79fb\u52d5\u5230\u6700\u4e0a\u9762<\/span><\/p>\n<p>\u4f46\u662f\u55ae\u7d14\u7684\u9ede\u9023\u7d50\u5df2\u7d93\u7121\u6cd5\u6eff\u8db3\u6211\u5011\u4e86~~\u65bc\u662f\u6211\u5011\u53ef\u4ee5\u7528 <span class=\"boldBlue\">jQuery<\/span> \u4f86\u9054\u5230\u79fb\u52d5\u6372\u8ef8\u7684\u6548\u679c\uff0c\u90a3\u6709\u4ec0\u9ebc\u65b9\u6cd5\u80fd\u4e0d\u9760\u7a0b\u5f0f\u800c\u79fb\u52d5\u5462\uff1f\u7b54\u6848\u5c31\u662f<span class=\"boldRed\">\u9328\u9ede(Anchor)<\/span>\u3002<br \/>\n<a href=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s1.jpg\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-651\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s1.jpg\" alt=\"jquery_s1\" width=\"600\" height=\"708\" srcset=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s1.jpg 600w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s1-254x300.jpg 254w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-652\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s2.jpg\" alt=\"jquery_s2\" width=\"600\" height=\"708\" srcset=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s2.jpg 600w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/jquery_s2-254x300.jpg 254w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/aweidesign.why3s.tw\/wp2\/test\/jquery_anchr\/t2.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-654\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/watchbotton.jpg\" alt=\"watchbotton\" width=\"192\" height=\"60\" \/><\/a><\/p>\n<hr \/>\n<p>\u53e6\u5916\u53ef\u5229\u7528scrollLeft() \u51fd\u5f0f\uff0c\u80fd\u628a\u6372\u8ef8\u79fb\u52d5\u5230\u6a6b\u5411\u7684\u6307\u5b9a\u4f4d\u7f6e\u3002<br \/>\n\u7bc4\u4f8b\u4e8c\u00a0<span style=\"color: #ff0000;\">\u6211\u8a66\u8457\u7528\u6a6b\u5411\u5377\u8ef8\u6f14\u51fa\u5c0f\u96de\u7684\u6545\u4e8b~~~\u6709\u5982\u6545\u4e8b\u822c\u5411\u53f3\u6ed1\u52d5\u7684\u52d5\u756b<\/span><br \/>\n\u7576\u7136\u5404\u4f4d\u53ef\u4ee5\u767c\u63ee\u66f4\u591a\u5de7\u601d\u8207\u5275\u610f.^^<\/p>\n<p><a href=\"https:\/\/aweidesign.why3s.tw\/wp2\/test\/jquery_anchr\/t1.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-654\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/watchbotton.jpg\" alt=\"watchbotton\" width=\"192\" height=\"60\" \/><\/a><br \/>\n<a href=\"https:\/\/mega.co.nz\/#!cIoDCY7a!a8s1-GYZgBU-BO_GFdnlUDTubCbRCXiSshk9KnMu9Pw\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-653\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2015\/03\/dwnbotton.jpg\" alt=\"dwnbotton\" width=\"192\" height=\"60\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>jQuery \u5df2\u7d93\u628a\u63a7\u5236\u6372\u8ef8\u7684\u90e8\u4efd\u5305\u88dd\u6210 .scrollTop() \u53ca .scrollLeft() \u5169\u51fd\u5f0f\uff0c\u5b83\u5011\u80fd\u628a\u6372\u8ef8\u79fb\u52d5\u5230\u6307\u5b9a\u7684\u4f4d\u7f6e\u3002<br \/>\n\u518d\u52a0\u4e0a\u4e00\u9ede\u6ed1\u52d5\u7684\u52d5\u756b\u53ef\u4ee5\u8b93\u756b\u9762\u4e0d\u81f3\u65bc\u55ae\u8abf\u3002\u6240\u4ee5\u63a5\u4e0b\u4f86\u54b1\u5011\u5c31\u6539\u7528.animate() \u7684\u65b9\u5f0f\u4f86\u505a\u51fa\u52d5\u756b\u5f0f\u7684\u79fb\u52d5\u5427\uff1a<br \/>\n\u4f7f\u7528 jQuery \u8a9e\u6cd5\u7522\u751f\u52d5\u614b\u7684\u6548\u679c<\/p>\n<p>jQuery \u76f4\u5f0f\u6372\u8ef8\u6ed1\u52d5\u9328\u9ede\u8a9e\u6cd5\u8aaa\u660e<\/p>\n<pre>&lt;script language=\"javascript\"&gt;\r\n$(function(){\r\n$(\"#goTop\").click(function(){\r\n\r\n$(\"html,body\").animate({scrollTop:0},900);\r\n\r\n\/\/$(\"html,body\").animate({scrollTop:0},900,\"easeOutBounce\");\r\n\r\nreturn false;\r\n\r\n});\r\n\r\n});\r\n<\/pre>\n<p><span style=\"font-size: 8pt;\">1.\u7db2\u9801\u4e0b\u9762\u7684 go top \u9023\u7d50\u5728 HTML \u5167\u4f7f\u7528 id \u547d\u540d\u70ba goTop \uff0c\u6240\u4ee5\u5728 jQuery \u8981\u5beb\u6210 $(\u201c#goTop&#8221;)<\/span><br \/>\n<span style=\"font-size: 8pt;\"> 2.$(\u201chtml,body&#8221;) \u4e3b\u8981\u53ef\u63a7\u88fd\u6574\u500b\u7db2\u9801\u756b\u9762\uff0c\u6307\u4ee4 animate( ) \u5c31\u662f\u7528\u4f86\u505a\u52d5\u756b\u6548\u679c\u7684\uff0c\u5c6c\u6027 scrollTop \u53ef\u4ee5\u63a7\u88fd\u6372\u8ef8\u7684\u4f4d\u7f6e<\/span><br \/>\n<span style=\"font-size: 8pt;\"> 3.return false \u8b93\u539f\u672c\u7684 HTML \u8d85\u9023\u7d50\u5931\u53bb\u6548\u679c\uff0c\u8b93\u4ed6\u5c08\u5fc3\u505a\u6211\u5011\u5beb\u7684 jQuery \u6548\u679c\u3002<\/span><\/p>\n<h2><\/h2>\n<p>jQuery\u6a6b\u5411\u5377\u8ef8\u6ed1\u52d5\u9328\u9ede\u8a9e\u6cd5\u8aaa\u660e<\/p>\n<pre>&lt;script language=\"javascript\"&gt;\r\n$(function(){\r\n\t\r\n\t$('a.gn1').click(function(){\r\n\t\tvar $body = (window.opera) ? (document.compatMode == \"CSS1Compat\" ? $('html') : $('body')) : $('html,body');\r\n\t\t$body.animate({\r\n\t\t\tscrollLeft: 1300\r\n\t\t}, 1500, 'easeInOutExpo');\r\n \r\n\t\treturn false;\r\n\t});\r\n\r\n\t$('a.gn2').click(function(){\r\n\t\tvar $body = (window.opera) ? (document.compatMode == \"CSS1Compat\" ? $('html') : $('body')) : $('html,body');\r\n\t\t$body.animate({\r\n\t\t\tscrollLeft: 2850\r\n\t\t}, 1500, 'easeInOutExpo');\r\n \r\n\t\treturn false;\r\n\t});\r\n\t$('a.gn3').click(function(){\r\n\t\tvar $body = (window.opera) ? (document.compatMode == \"CSS1Compat\" ? $('html') : $('body')) : $('html,body');\r\n\t\t$body.animate({\r\n\t\t\tscrollLeft: 4520\r\n\t\t}, 1500, 'easeInOutExpo');\r\n \r\n\t\treturn false;\r\n\t});\r\n\t\t$('a.gn0').click(function(){\r\n\t\tvar $body = (window.opera) ? (document.compatMode == \"CSS1Compat\" ? $('html') : $('body')) : $('html,body');\r\n\t\t$body.animate({\r\n\t\t\tscrollLeft: 0\r\n\t\t}, 3000, 'easeInOutExpo');\r\n \r\n\t\treturn false;\r\n\t});\r\n});\r\n\/\/ ]]&gt;&lt;\/script&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u7576\u6587\u7ae0\u5167\u5bb9\u5f88\u591a\uff0c\u6372\u8ef8\u4e00\u76f4\u5411\u4e0b\u62c9\uff0c\u62c9\u5230\u6700\u4e0b\u9762\u5f8c\uff0c\u53c8\u8981\u7528\u6ed1\u9f20\u5c07\u6372\u8ef8\u62c9\u4e0a \u96d6\u7136\u73fe\u5728\u6ed1\u9f20\u90fd\u6709\u6efe\u8f2a\u7684\u5e6b\u52a9\uff0c\u4f46\u662f\u4e00\u500b\u597d\u7684U [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":650,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,108],"tags":[82,105],"class_list":["post-649","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-classroom","category-jquery_css-tech","tag-jquery","tag-105"],"_links":{"self":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":15,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/649\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/649\/revisions\/664"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/media\/650"}],"wp:attachment":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/media?parent=649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/categories?post=649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/tags?post=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}