Bmail联系人飞来飞去效果_javascript技巧

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

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>博客邮箱飞来飞去效果演示</title> <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> <div id="content"> <div id="sendmail"> <input name="textfield" type="text" id="SendAddress" size="70"> </div> <div id="friendlist"> <div id="tbAddrTree"> <ul> <li membername="test0" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test0</a></nobr></li> <li membername="test1" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test1</a></nobr></li> <li membername="test2" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test2</a></nobr></li> <li membername="test3" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test3</a></nobr></li> <li membername="test4" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test4</a></nobr></li> <li membername="test5" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test5</a></nobr></li> <li membername="test6" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test6</a></nobr></li> <li membername="test7" email="[e-mail]"><nobr><a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">test7</a></nobr></li> </ul> </div> </div> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]