当前位置：首页 > SEO干货 » 正文

2019年11月19日admin

有朋友经常问，网站上点击出现爱国字眼是怎么做出来的，鼠标点击就显示“富强、民主、和谐”等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库，可以自定义更换色值，可以自定义更换文字。

×

分享到

×

打赏