如果不确定，可以先看看QQ发函时的操作，或者参考本文的演示：http://demo.jb51.net/js/email_qq/index.htm,其功能大概有以下三步：。

右边的收件人框是通讯录中的分组。

一个弹出的联系人表单，使用jquery的对话框组件。。

一个输入智能提示插件，使用jquery的组件Autocomplete。我想大家应该都知道一些吧！首先从最简单的开始，也就是做弹出对话框。这一次，我没有像我在上一篇文章中所说的那样使用iframe。http://jqueryui.com/demos/dialog/jQuery给出的例子和用法如下。基本上可以简单的调用：$(function(){ $(' # dialog : ui-dialog ')。对话框(“销毁”)；$(' # dialog-model ')。对话框({ height: 140，modal : true })；});Id=' dialog-modal' title='基本模式对话框'填充模式覆盖屏幕使对话框看起来更有希望，因为它使页面内容变暗。/p/div，可以完成弹出窗口的全过程，简单明了。然后是向左向右移动的效果。我相信这太简单了。我做到了。点击左侧，点击隐藏，并将其添加到右侧。单击右侧移除并在左侧显示相应的项目。当然也有一些鼠标悬停的效果，也很简单。最后，点击确定，拼接右边的，放入收件人的盒子里。请注意，这里的框不是文本框，而是DIV，但是样式写得像文本框。因此，我们需要包含姓名的电子邮件地址，并用不同的标签来区分。最后一个用分号隔开。这样就完成了一个完整的选择联系人的弹出窗口，让你基本完成了整个功能的四分之一。下次给别人写信，谢谢关注！打包并下载http://xiazai.jb51.net/201101/yuanma/email_qq.rar.