Bmail联系人飞来飞去效果

所属分类：网络编程 / JavaScript 阅读数： 700

收藏 0赞 0分享

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>博客邮箱飞来飞去效果演示</title>   </head> <body> <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>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>     </div>     <div id="bxAddrFly" style="display:none;">&nbsp;</div>   </div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

Bmail联系人飞来飞去效果

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

Bmail联系人飞来飞去效果

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码 附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

非常实用的js验证框架实现源码附原理方法