zoukankan      html  css  js  c++  java
  • 在博客添加鼠标特效跟随鼠标移动的线条《转》

    原文:http://www.cnblogs.com/Sharley/p/9603129.html

    设置方式是在博客的“管理-->设置”,然后在设置中的页脚HTML代码中添加

    <script>
     
    !function(){
     
     function n(n,e,t){
     
     return n.getAttribute(e)||t
     
     }
     
     function e(n){
     
     return document.getElementsByTagName(n)
     
     }
     
     function t(){
     
     var t=e("script"),o=t.length,i=t[o-1];
     
     return{
     
     l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)
     
     }
     
     }
     
     function o(){
     
     a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,
     
     c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight
     
     }
     
     function i(){
     
     r.clearRect(0,0,a,c);
     
     var n,e,t,o,m,l;
     
     s.forEach(function(i,x){
     
     for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],
     
     null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,
     
     l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),
     
     t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))
     
     }),
    
     x(i)
     
     }
     
     var a,c,u,m=document.createElement("canvas"),
     
     d=t(),l="c_n"+d.l,r=m.getContext("2d"),
    x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||
     
     function(n){
    
     window.setTimeout(n,1e3/45)
     
     },
     
     w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o,
     
     window.onmousemove=function(n){
     
     n=n||window.event,y.x=n.clientX,y.y=n.clientY
     
     },
     
     window.onmouseout=function(){
     
     y.x=null,y.y=null
     
     };
     
     for(var s=[],f=0;d.n>f;f++){
     
     var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})
     
     }
     
     u=s.concat([y]),
     
     setTimeout(function(){i()},100)
     
     }();
     
     </script>
    

      

  • 相关阅读:
    ‘Host’ is not allowed to connect to this mysql server
    centos7安装mysql
    further configuration avilable 不见了
    Dynamic Web Module 3.0 requires Java 1.6 or newer
    hadoop启动 datanode的live node为0
    ssh远程访问失败 Centos7
    Linux 下的各种环境安装
    Centos7 安装 python2.7
    安装scala
    Centos7 安装 jdk 1.8
  • 原文地址:https://www.cnblogs.com/yz-sharedblog/p/9910527.html
Copyright © 2011-2022 走看看