类似腾讯微博的@朋友机制是怎么实现的怎么实现@后显示朋友列表,@abc 这样怎么实现搜索的,我觉得应该用正则来写,可是不知道怎么写?望高手指教------解决方案-------------------- 下边加一下这个 #content<br /> {<br /> width: 200px;<br /> }<br /> .autoDiv<br /> {<br /> visibility: hidden;<br /> position: absolute;<br /> width: 200px;<br /> height: 255px;<br /> border: 1px solid #00f;<br /> background-color: White;<br /> }<br /> <br />//自动显示<br />function autoShow() {<br /> var obj = document.getElementById("content");<br /> var mailAddressList = document.getElementById("auto-show");<br /> var x = 0, y = 0, o = obj; h = obj.offsetHeight;<br /> while (o != null) {<br /> x += o.offsetLeft;<br /> y += o.offsetTop;<br /> o = o.offsetParent;<br /> }<br /> mailAddressList.style.left = x + 'px';<br /> mailAddressList.style.top = y + h + 'px';<br /> mailAddressList.style.visibility = "visible";<br />}<br />$(document).ready(function () {<br /> var emailInput = $("#email"); <br /> var emailListDiv = $("#auto-show");<br /> //bind focus event(获得焦点,我假设成了文本框,你的这个情况是@)<br /> emailInput.keydown(autoShow);<br /> <br /> emailListDiv.addClass("autoDiv");<br /> //bind the events:mouseover、mouseout for the div<br /> for (var i = 0; i < @出来的List长度.length; i++) {<br /> $("#auto-show").append("<div id='" + (i + 1).toString() + "' onmouseover='setStyle(this)自己写你的样式' onmouseout='cancelStyle(this)自己写你的样式' >" + @出来的list[i] + "");<br /> }<br />没给你写鼠标移入设置样式,鼠标移出取消样式,按上下键设置样式,键盘弹出事件处理,回车键啊,Esc键啊,退格键,删除键。