您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 鼠标特效 >

    跟随鼠标的弹力图片效果

    时间:2013-05-09 11:07 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    跟随鼠标的弹力图片效果

    跟随鼠标的弹力图片效果,有趣实用,可自定义图片。

    <font face=Verdana><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <STYLE>v\:* {
     BEHAVIOR: url(#default#VML)
    }
    </STYLE></font>
    <font face=Verdana><SCRIPT language=JavaScript1.2>
    var stringcolor="white"
    var ballsrc="http://www.alixixi.com/images/effectpic/birda.gif" 
    if (document.all&&window.print){
    document.write('<IMG id=Om style="LEFT: -10px; POSITION: absolute" src="'+ballsrc+'">')
    ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0
    OmW=Om.width/2;OmH=Om.height/2
    }
    function Ouille(){
     x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100))
     y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100))
     Om.style.left=x-OmW
     Om.style.top=y-OmH
     elastoc.to=x+","+y
    elastoc.strokecolor=stringcolor
     setTimeout("Ouille()",1)   
    }
    function momouse(){
     xm=window.event.x+5
     ym=window.event.y+document.body.scrollTop+15
     elastoc.from=xm+","+ym
    }
    if(document.all&&window.print){
    code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {
    code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}
    if(document.all&&window.print){
    document.body.insertAdjacentHTML("afterBegin",code)
    document.onmousemove=momouse
    Ouille()
    }
    </SCRIPT></font>


    <font face=Verdana><META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
    <BODY bgcolor="#000000">
    <p> </p></font>


    <font face=Verdana></BODY></HTML></font>

    跟随鼠标的弹力图片效果由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/shubiaotexiao/4651.html
    标签:网站源码