hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址

主页 | 拥有4套模板 | 收藏本站 | 交流QQ群:322530250

当前位置:主页 > 皇冠体育 > 文字代码 >
下载地址

js模拟文字放大镜效果代码


<html>
<head>
<title>JS文字放大镜效果代码 - 97站长网 - www.97zzw.com</title>
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
    body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;}
    span {position:absolute;font-family: verdana; font-weight: bold;}
</style>

<script type="text/javascript"><!--

T    = "97站长网是一个专门为学习网站制作爱好者和个人站长提供的一个良好的资源平台,网站综合了网站基础教程,前端开发,PS教程,设计欣赏,网页常用特效,建站素材,网站运营知识,最新互联网资讯等板块!97站长网简洁的风格,精心挑选各种资源,是一个不可多得的站长资源站。";
I    = 0;
o    = new Array();
xm   = -1000;
ym   = -1000;
///////////////
rad  = 80;
dim  = 200;
///////////////
W    = 0;
H    = 0;
NX   = 14;
NY   = 14;
var nx;
var ny;

document.onmousemove = function(e){
    if (window.event) e = window.event;
    xm = (e.x || e.clientX) - (nx  * .5) + dim * .5;
    ym = (e.y || e.clientY) - (ny * .5) + dim * .5;
}

function resize() {
    nx = document.body.offsetWidth;
    ny = document.body.offsetHeight;
}
onresize = resize;

function CObj(N,i,j,c){
    this.obj = document.createElement("span");
    this.obj.innerHTML = c;
    DOOT.appendChild(this.obj);
    this.N    = N;
    this.To   = 16;
    this.x0   = i*2*W;
    this.y0   = j*2*H;
    this.anim = true;

    this.mainloop = function(){
        with (this) {
             dx   = xm - x0;
            dy   = ym - y0;
            dist = Math.sqrt(dx * dx + dy * dy);
            if (dist < rad) {
                anim = true;
                M    = Math.cos(.5 * Math.PI * Math.abs(dist / rad));
                c    = Math.round(84 + M * 171);
                with(obj.style){
                    left     = x0 - dx * M;
                    top      = y0 - dy * M;
                    zIndex   = Math.round(100 + M);
                    fontSize = 8 + M * W * 2;
                    color    = "RGB("+c+","+c+","+c+")";
                }
            } else {
                if(anim){
                    with(obj.style){
                        left     = x0;
                        top      = y0;
                        zIndex   = 0;
                        fontSize = 8;
                        color    = "RGB(88,88,88)";
                    }
                anim = false;
                }
            }
        }
    }
}
function run(){
    for(i in o)o[i].mainloop();
    setTimeout(run,16);
}

onload = function (){
    DOOT = document.getElementById("doot");
    with(DOOT.style){
        left = -dim/2;
        top  = -dim/2;
        width = dim;
        height = dim;
    }
    resize();
    W = (dim  / NX) / 2;
    H = (dim / NY) / 2;
    K = 0;
    for(var j=0;j<NY;j++){
        for(var i=0;i<NX;i++){
            c=T.charAt((I++)%T.length).toUpperCase();
            if(c==" ")c="·";
            o[K] = new CObj(K++,i,j,c);
        }
    }
    run();
}
//-->
</script>
</head>

<body>
<span style="position:absolute;left:50%;top:50%">
    <span id="doot"></span>
</span>

</body>
</html>
本素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担...

hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址
返回顶部