【seo优化】鼠标点击网站特效生成原理(附代码)

        

  有朋友经常问,网站上点击出现爱国字眼是怎么做出来的,鼠标点击就显示“富强、民主、和谐”等24个词语,这样鼠标点击特效。下面来分享一下如何实现的。

  

  1,效果如下:

  

  添加页面点击特效,点击页面会显示:“富强”,“民主”,“文明”,“和谐”,“自由“,“平等”,“公正”,“法治”,“爱国”,“敬业”,“诚信”,“友善”;可以来SEO研究中心论坛看效果。【seo优化】

  

  2,实现方法

  

  通过一段JS在网页中加载调用就行了,代码如下:

  

  <script type="text/javascript">

  

  var a_idx=0;

  

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

  

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

  

  var a=new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");【seo优化】

  

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

  

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

  

  3,如何使用【seo优化】

  

  复制上方代码到你的需要的页面,例如footer.php页面的html标记结束前。此代码引用到了jquery,如果你的页面没有引入jquery库的话,需要在代码前引入

  

  <script language="javascript"type="text/javascript"src="https://cdn.staticfile.org/jquery/1.7.2/jquery.min.js"></script>

  

  jquery库引用的是七牛云的cdn库,你可以自己本地化,也可以引入别的cdn库,可以自定义更换色值,可以自定义更换文字。


seo
网站优化
网络推广
整站排名
快速排名
SEO优化
SEO外包
SEO
seo优化
seo外包
https://youku.com/