{"id":5066,"date":"2016-06-02T12:43:49","date_gmt":"2016-06-02T04:43:49","guid":{"rendered":"https:\/\/sdeno.com\/?p=5066"},"modified":"2016-06-02T13:09:08","modified_gmt":"2016-06-02T05:09:08","slug":"%e5%8a%a8%e7%94%bb%e5%ba%93gsap-%e5%ad%97%e7%ac%a6%e4%b8%b2%e5%a4%84%e7%90%86%e6%8f%92%e4%bb%b6splittext-min-js","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=5066","title":{"rendered":"\u52a8\u753b\u5e93GSAP \u5b57\u7b26\u4e32\u5904\u7406\u63d2\u4ef6SplitText.min.js"},"content":{"rendered":"<p>SplitText.min.js\u4f1a\u5c06\u4e00\u6bb5\u5b57\u7b26\u4e32\u4e0d\u7ba1\u662f\u5b57\u6bcd\u8fd8\u662f\u4e2d\u6587\uff0c\u4f1a\u6309\u7167\u9700\u6c42\u5206\u5272\u5e76\u7528div\u5305\u88f9\u7740\u3002<\/p>\n<p>SplitText.min.js\u662f\u52a8\u753b\u5e93GSAP\u63d0\u4f9b\u7684\u4e00\u6b3e\u63d2\u4ef6\uff0c\u4f46\u662f\u5b83\u53ef\u4ee5\u72ec\u7acb\u4f7f\u7528\uff0c\u5e76\u4e14\u8fd8\u662f\u6536\u8d39\u7684\uff01\uff01<\/p>\n<p><a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/06\/SplitText.min_.js\">\u7834\u89e3\u7248SplitText.min.js\u4e0b\u8f7d<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\u4ee3\u7801\uff1a<\/p>\n<pre>var split = new SplitText(\"#yourElementID\", \/\/\u9009\u62e9\u5668\r\n{\r\n  type:\"chars,words,lines\", \/\/\u4ee5\u5355\u4e2a\u5b57\u6bcd\u5206\u5272\uff0c\u4ee5\u5355\u8bcd\u5206\u5272\uff0c\u4ee5\u884c\u5206\u5272\r\n  position:'absolute',\r\n  charsClass:'aa++', \/\/\u6279\u91cf\u6dfb\u52a0class,\u5982aa1,aa2,aa3,...\r\n  linesClass:'line++',\r\n  wordsClass:'word++'\r\n});<\/pre>\n<p>&nbsp;<\/p>\n<p>\u9009\u62e9\u5668\uff1a<\/p>\n<pre>var yourElement = document.getElementById(\"yourID\");\r\nvar split = new SplitText(yourElement); \/\/\u539f\u751fDOM\u65b9\u5f0f\r\n \r\nvar split = new SplitText(\"#yourID\"); \/\/\u6a21\u4effjquery\r\n\r\nvar split = new SplitText( $(\".yourClass\") ); \/\/\u5229\u7528jquery\u83b7\u53d6\r\n \r\nvar split = new SplitText([element1, element2, element3]);<\/pre>\n<p>&nbsp;<\/p>\n<p>\u7b80\u5355\u4e86\u89e3\u4e0b\u529f\u80fd\u56fe\uff1a<\/p>\n<a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/06\/splittext.jpg\"><figure class=\"mdx-lazyload-container\" style=\"max-width:575px\"><div style=\"padding-top:64%\"><\/div><div class=\"mdx-img-loading-sp mdui-valign\"><div><div class=\"mdui-spinner\"><\/div><\/div><\/div><img width=\"575\" height=\"368\" class=\"alignnone size-full wp-image-5068 lazyload\" title=\"splittext\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/06\/splittext.jpg\" alt=\"splittext\" data-srcset=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/06\/splittext.jpg 575w, https:\/\/sdeno.com\/wp-content\/uploads\/2016\/06\/splittext-300x192.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\"><\/figure><\/a>\n","protected":false},"excerpt":{"rendered":"<p>SplitText.min.js\u4f1a\u5c06\u4e00\u6bb5\u5b57\u7b26\u4e32\u4e0d\u7ba1\u662f\u5b57\u6bcd\u8fd8\u662f\u4e2d\u6587\uff0c\u4f1a\u6309\u7167\u9700\u6c42\u5206\u5272\u5e76\u7528div\u5305\u88f9\u7740\u3002 Split [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,38],"tags":[],"class_list":["post-5066","post","type-post","status-publish","format-standard","hentry","category-11","category-gsap"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5066"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5066\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}