WordPress教程|为博客添加鼠标点击特效

效果展示
鼠标点击会出一个词，再点又是另一个词

最简单的方法就是直接在 WordPress 主题的 footer.php 文件中 的前面加上一段代码就行了。网上一搜索也基本都是用的这方法。

[php]<img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-wp-preserve=”%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%2F*%20%E9%BC%A0%E6%A0%87%E7%89%B9%E6%95%88%20*%2F%0Avar%20a_idx%20%3D%200%3B%0AjQuery(document).ready(function(%24)%20%7B%0A%20%20%20%24(%22body%22).click(function(e)%20%7B%0A%20%20%20%20%20%20%20var%20a%20%3D%20new%20Array(%22%E6%97%B6%E5%85%89%E4%B8%8D%E8%80%81%22%2C%20%22%E6%88%91%E4%BB%AC%E4%B8%8D%E6%95%A3%22)%3B%0A%20%20%20%20%20%20%20var%20%24i%20%3D%20%24(%22%3Cspan%2F%3E%22).text(a%5Ba_idx%5D)%3B%0A%20%20%20%20%20%20%20a_idx%20%3D%20(a_idx%20%2B%201)%20%25%20a.length%3B%0A%20%20%20%20%20%20%20var%20x%20%3D%20e.pageX%2C%0A%20%20%20%20%20%20%20y%20%3D%20e.pageY%3B%0A%20%20%20%20%20%20%20%24i.css(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%22z-index%22%3A%20999999999999999999999999999999999999999999999999999999999999999999999%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22top%22%3A%20y%20-%2020%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22left%22%3A%20x%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22position%22%3A%20%22absolute%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22bold%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%23ff6651%22%0A%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%24(%22body%22).append(%24i)%3B%0A%20%20%20%20%20%20%20%24i.animate(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%22top%22%3A%20y%20-%20180%2C%0A%20%20%20%20%20%20%20%20%20%20%20%22opacity%22%3A%200%0A%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%201500%2C%0A%20%20%20%20%20%20%20function()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%24i.remove()%3B%0A%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%7D)%3B%0A%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E” data-mce-resize=”false” data-mce-placeholder=”1″ class=”mce-object” width=”20″ height=”20″ alt=”&lt;script&gt;” title=”&lt;script&gt;” />[/php]