{"id":1421,"date":"2011-01-05T10:26:34","date_gmt":"2011-01-05T16:26:34","guid":{"rendered":"http:\/\/bililite.nfshost.com\/blog\/?p=1421"},"modified":"2011-01-07T01:32:18","modified_gmt":"2011-01-07T07:32:18","slug":"jquery-text-effects","status":"publish","type":"post","link":"https:\/\/bililite.com\/blog\/2011\/01\/05\/jquery-text-effects\/","title":{"rendered":"jQuery Text Effects"},"content":{"rendered":"<script type=\"text\/javascript\" src=\"\/inc\/jquery.effects.text.js\"><\/script>\r\n<p>I have no idea when I would ever want to use <a href=\"http:\/\/dev.seankoole.com\/jquery\/ui-effect\/text.html\">these<\/a>, but they are very cool.<\/p>\r\n<pre><code class=\"language-html demo\">&lt;h4&gt;Click Me&lt;\/h4&gt;\r\n&lt;div id=\"texteffect\" style=\"width: 200px;height: 200px; border: 1px solid purple; background: #abcdef; cursor: pointer; padding: 2px; overflow: hidden\"&gt;\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur libero sem, fringilla in posuere a, cursus nec felis. Integer eu mi in tortor malesuada pretium vel sed augue. Donec eget convallis tellus. Aenean vehicula nisl ac justo facilisis et bibendum mauris aliquam. Fusce quis dolor sapien, et lacinia lorem.\r\n&lt;\/div&gt;<\/code><\/pre>\r\n<pre><code class=\"language-javascript demo\">var text = '';\r\n$('#texteffect').click(function(){\r\n  if (text){\r\n    $(this).effect('type', {text: text, word: true}, 2500);\r\n    text = '';\r\n  }else{\r\n    text = $(this).text();\r\n    $(this).effect('backspace', {text: '', word: true},  2500);\r\n  }\r\n});<\/code><\/pre>","protected":false},"excerpt":{"rendered":"I have no idea when I would ever want to use these, but they are very cool. &lt;h4&gt;Click Me&lt;\/h4&gt; &lt;div id=\"texteffect\" style=\"width: 200px;height: 200px; border: 1px solid purple; background: #abcdef; cursor: pointer; padding: 2px; overflow: hidden\"&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur libero sem, fringilla in posuere a, cursus nec felis. Integer [&hellip;]","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/posts\/1421"}],"collection":[{"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/comments?post=1421"}],"version-history":[{"count":25,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/posts\/1421\/revisions"}],"predecessor-version":[{"id":1460,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/posts\/1421\/revisions\/1460"}],"wp:attachment":[{"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/media?parent=1421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/categories?post=1421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bililite.com\/blog\/wp-json\/wp\/v2\/tags?post=1421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}