Bmail 연락처 비행 효과_javascript 기술

오랜만이에요. 원래는 이 게시물을 사용하여 성능, 동작 및 구조의 분리에 대한 내용을 작성하고 싶었지만 시간이 없었고 이 코드는 급하게 작성되었기 때문에 다른 기회를 찾아야 했습니다. 코드는 IE6, Firefox1.7, Opera9에서 실행되었으며 오류가 없을 것입니다. 문제가 있으면 문의해 주시기 바랍니다.
플라이 기능 블록은 Bmail의 코드를 차용했습니다

<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="test0@163.com"> <nobr><a></a>테스트0</nobr> </li> <li membername="test1" email="test1@163.com"> <nobr><a></a>테스트1</nobr> </li> <li membername="test2" email="test2@163.com"> <nobr><a></a>테스트2</nobr> </li> <li membername="test3" email="test3@163.com"> <nobr><a></a>테스트3</nobr> </li> <li membername="test4" email="test4@163.com"> <nobr><a></a>테스트4</nobr> </li> <li membername="test5" email="test5@163.com"> <nobr><a></a>테스트5</nobr> </li> <li membername="test6" email="test6@163.com"> <nobr><a></a>테스트6</nobr> </li> <li membername="test7" email="test7@163.com"> <nobr><a></a>테스트7</nobr> </li> </ul> </div> <div id="bxAddrFly" style="display:none;"> </div> </div> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]