SEM观点解答
SEM viewpoint answers SEM观点解答

相信大家平时在推广中肯定会有很多问题?看这里!这里有最全的行业问题解决方案

您现在的位置:首页 > SEO知识百科 > 【seo优化】鼠标点击网站特效生成原理

【seo优化】鼠标点击网站特效生成原理

2020-8-14 14:29:18

返回列表

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

深圳网站优化www.zg886.cn

服务咨询热线:
13530005572 15112579390
扫描二维码
联系我们

备案号:粤ICP备15007128
公司地址:深圳市龙岗区横岗地铁D出口联旺大厦510-511