Bmail联系人飞来飞去效果

ttx9n · 发表于 2007-1-31 00:00:00

好久没来了。本来想利用此贴写一些关于表现，行为和结构分离的东西，但是一直没什么时间，而且这段代码写的很匆忙，所以只好另找时间了。代码在IE6,Firefox1.7,Opera9下运行了一下应该没什么错误，如果有什么问题的话希望大家可以提出来。
其中fly函数块借鉴了Bmail的代码

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>博客邮箱飞来飞去效果演示</title> 
<script type="text/javascript"> 
    var ev={}; 
    var flyDiv="bxAddrFly";//发送的层 
    var inceptDiv="SendAddress";//负责接收层效果的控件 
    var addEvent="addAddress()";//层发送成功后的接收事件 
    function oo(obj){return (document.getElementById) ? document.getElementById(obj): document.all[obj];} 
    function isNone(str){return str==null||str==""?true:false}

//=================兼容Firefox/Event================= 
    //因为要将表现与行为分离所在此处浪费了很多代码 
    var Browser = new Object(); 
    Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox")!=-1); 
    if (Browser.isFirefox) { extendEventObject();} 
    function extendEventObject() { 
     
        window.constructor.prototype.__defineGetter__("event", function(){ 
        var o = arguments.callee.caller; 
        var e; 
        while(o != null){ 
            e = o.arguments[0]; 
            if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e; 
            o = o.caller; 
        } 
        return null; 
        }); 
         
        Event.prototype.__defineGetter__("srcElement", function () { 
            var node = this.target; 
            while (node.nodeType != 1) node = node.parentNode; 
            return node; 
        });     
    }

// 
    function fly(flyObj,flyRun){ 
        var obj,a=ev.flyArr,x,y

if(flyObj!=null){ 
            if(ev.flyObj!=null){ 
                window.clearTimeout(ev.flyTm); 
                ev.flyObj.style.top=-900; 
            } 
            a[5]=0; 
            ev.flyObj=oo(flyObj); 
            ev.flyRun=flyRun; 
        } 
         
        obj=ev.flyObj; 
        if(a[4]==null){a[4]=1} 
        a[5]+=a[4]/Math.sqrt(Math.pow(a[2]-a[0],2)+Math.pow(a[3]-a[1],2)); 
        if(a[5]>1){ 
            obj.style.top=-900; 
            eval(ev.flyRun); 
            ev.flyObj=null; 
            return; 
        } 
         
        window.clearTimeout(ev.flyTm); 
        x=(a[2]-a[0])*a[5]+a[0]; 
        y=(a[3]-a[1])*a[5]+a[1]; 
        obj.style.left=x; 
        obj.style.top=y; 
        document.body.style.overflowX="hidden";     
        ev.flyTm=window.setTimeout("fly()",10) 
    }

//事件处理 
    function addAddress() 
    { 
        var key=ev.AddInfo; 
        if (oo(inceptDiv).value.indexOf(key)==-1) 
        { 
            oo(inceptDiv).value+=key+","; 
        } 
    } 
</script> 
<style type="text/css"> 
ul{ list-style:none; margin:0; padding:0;} 
li{ margin:0; padding:0;} 
#content{width:100%;} 
#sendmail{float:left; width:60%;} 
#friendlist{float:left; width:30%;} 
#bxAddrFly{position:absolute;height:15px; width:50px;background:#e5edf6; border:1px #7F9DB9 solid;} 
#tbAddrTree{ width:190px; float:left; padding:4px;border:1px #7F9DB9 solid;} 
#tbAddrTree li{ width:100%; float:left;} 
#tbAddrTree a{backgroud: #fff;width: 100%;color:#494949;text-decoration: none;float:left;} 
#tbAddrTree a:hover{background: #e5edf6} 
</style> 
</head> 
<body> 
 
   
    <input name="textfield" type="text" id="SendAddress" size="70"> 
   
   
     
      <ul> 
        <li membername="test0" email="test0@163.com"><nobr><a>test0</a></nobr></li> 
        <li membername="test1" email="test1@163.com"><nobr><a>test1</a></nobr></li> 
        <li membername="test2" email="test2@163.com"><nobr><a>test2</a></nobr></li> 
        <li membername="test3" email="test3@163.com"><nobr><a>test3</a></nobr></li> 
        <li membername="test4" email="test4@163.com"><nobr><a>test4</a></nobr></li> 
        <li membername="test5" email="test5@163.com"><nobr><a>test5</a></nobr></li> 
        <li membername="test6" email="test6@163.com"><nobr><a>test6</a></nobr></li> 
        <li membername="test7" email="test7@163.com"><nobr><a>test7</a></nobr></li> 
      </ul> 
     
      
   
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

95nd4ba · 发表于 2022-8-12 17:25:32

儿飞飞微风DVD谁vdsvd

xf9hlg1 · 发表于 2022-9-5 07:06:24

女生看了弄丢了卡萨诺的卡洛斯

leidie123a · 发表于 2023-1-10 18:59:05

呵呵呵呵呵呵呵a

uj9lpc · 发表于 2023-3-17 14:58:47

快更新啊，我擦

bp5jgbcnt · 发表于 2023-5-28 03:20:43

很好，谢谢分享

pwseqn1h · 发表于 2023-6-7 13:11:17

强烈支持楼主ing……

vir5051 · 发表于 2023-9-2 03:16:05

而非为吾问无为谓娃娃

雪龙Ui79 · 发表于 2023-10-27 16:37:36

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

Anthonylam · 发表于 2023-11-21 20:07:40

好东西可以可以可以可以

账号		自动登录	找回密码
密码			立即注册

[JavaScript] Bmail联系人飞来飞去效果

相关帖子