WordPress中点击特效

WordPress中添加鼠标点击时出现悬浮字体,很快又消失,很好看的

每点击一次就会依次显示代码种的所写词语,(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”治”, “爱国”, “敬业”, “诚信”, “友善”)等,内容自己可以随便改

添加到主题页脚(footer.php)文件的前面。

<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>

你可能感兴趣的:(笔记)