用onmouseenter 和onmouseleave可以实现,但是样式要自己调试,给你个例子:
[code="java"]
哈哈1哈哈2function show(obj) { var str=getIE(obj) var temp=str.split(",") var top=temp[0] var left=temp[1] var objDiv=document.getElementById("div1") objDiv.style.display=""; objDiv.style.left=temp[1]; objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight); } function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } return (t+","+l); } function hide(obj){ obj.style.display="none" } function hideDiv(obj) { var objDiv=document.getElementById(obj); objDiv.style.display="none"; } function showDiv(obj) { var objDiv=document.getElementById(obj); objDiv.style.display=""; }
[/code]
$("#showInfo").css("position","absolute");
$("#showInfo").css("left",mouse.x+"px");
$("#showInfo").css("top",mouse.y+"px");
}
横坐标:mouse.x换成 附件的left + 变动值,
纵坐标:mouse.y换成 附件的top + 变动值
可以使用tooltip插件,推荐一个Poshy Tip
用事件响应创建出div显示内容等...理念就这样
添加一个鼠标滑过的事件,然后控制隐藏显示div就可以了,找找jquery的例子吧 肯定能有
刚看个例子 地址是www.javajxw.com
楼主,使用javascript的onmouseover和onmouseout就可以实现这种效果了
例如:图片/按钮