Click effects in WordPress

When adding a mouse click in WordPress, the floating font appears, and it disappears quickly, which is very beautiful

Each click will display the words written in the code in turn, ("Prosperity", "Democracy", "Civilization", "Harmony", "Freedom", "Equality", "Justice", "Governance", "Patriotic" , "Dedicated", "Integrity", "Friendly") etc., the content can be changed at will

Add to the front of <?php wp_footer(); ?> in the theme footer (footer.php) file.

<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": 99999999999,           
        "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>