为wordpress网站添加鼠标点击上升文字特效

如下动图，良多站长是不是看到别人如许很心动？不要担忧，小编带你玩转鼠标特效。

东西/原料

• wordpress网站
• 网站本家儿题footer.php文件

方式/步调

1. 1

   起首把本家儿题栏面前目今的footer.php操纵ftp东西传到电脑桌面

   
2. 2

   用DW或记事本打开footer.php

   
3. 3

   在/body上面添加以下代码，并保留

    <script type="text/javascript">  

       var a_idx = 0;  

       jQuery(document).ready(function($) {  

           $("body").click(function(e) {  

               var a = new Array("强盛", "平易近本家儿", "文明", "协调", "自由", "平等", "公道" ,"法治", "爱国", "敬业", "诚信", "友善");  

               var $i = $("<span/>").text(a[a_idx]);  

               a_idx = (a_idx + 1) % a.length;  

               var x = e.pageX,  

               y = e.pageY;  

               $i.css({  

                   "z-index": 9999999999999999999999999999999999999999,  

                   "top": y - 20,  

                   "left": x,  

                   "position": "absolute",  

                   "font-weight": "bold",  

                   "color": "#ff6651"  

               });  

               $("body").append($i);  

               $i.animate({  

                   "top": y - 180,  

                   "opacity": 0  

               },  

               1500,  

               function() {  

                   $i.remove();  

               });  

           });  

       });  

       </script>  

   
4. 4

   最后操纵ftp上传笼盖footer.php文件，到网站前台就可以看到现实结果了

   

注重事项

• 字体文字若是想改换，自行替代文字即可
• 若是有帮忙到你，请稍微用鼠标点一个赞、投一票从而帮忙更多的人。