Posted on 2008-04-23 17:41
G_G 閱讀(1637)
評(píng)論(1) 編輯 收藏 所屬分類(lèi):
javascript
此代碼可以直接使用
<body>
?<a?id='pi'?href=""?value="text">?text?</a>
?<div?id='div1'/>
</body>
<script?type="text/javascript">?
function?showByEvent(ev,divId){
????????//取得各瀏覽器?event?
????????ev?=?ev?||?window.event;
????????//div
????????var?useDiv??=?document.getElementById(divId);
????????useDiv.style.position="absolute";
????????????if(?useDiv.style.left==""?)useDiv.style.left?=?"50";
????????????if(?useDiv.style.top==""?)useDiv.style.top?=?"10";
????????????if(?useDiv.style.zIndex==""?)useDiv.style.zIndex?=?"1000";
????????????if(?useDiv.style.padding==""?)useDiv.style.padding?=?"0px";
????????????if(?useDiv.style.backgroundColor==""?)useDiv.style.backgroundColor?=?"#FFFFCC";
????????????if(?useDiv.style.color==""?)useDiv.style.color?=?"#201000";
????????????if(?useDiv.style.fontSize==""?)useDiv.style.fontSize?=?"12px";
????????????if(?useDiv.style.border==""?)useDiv.style.border?="1px???solid???#284860";
????????
????????//得到處發(fā)事件的源element
??????var?actionBean?=??null?;
????????if(??ev.srcElement?){
????????????actionBean?=?ev.srcElement?
????????}else{
????????????actionBean?=?ev.target;
????????}
????????
????????//處發(fā)事件?
????????useDiv.onmousemove?=?function(){
????????????????useDiv.style.visibility??=?"";
????????}
????????useDiv.onmouseout?=?function(){
????????????????useDiv.style.visibility??=?"hidden";
????????????
????????}
????????actionBean.onmouseout?=??function?mouseOut(ev){
????????????????useDiv.style.visibility??=?"hidden";
????????}
????????
????????//div?定位
????????useDiv.style.left?=?actionBean.offsetTop+15?;
????useDiv.style.top?=?actionBean.offsetLeft+15;
????
????????//返回類(lèi)型為?div?顯示的?x?,?y?和?target?處發(fā)源項(xiàng)?和?div
????????return?{
????????????y:??actionBean.offsetTop+15??,
????????????x:??actionBean.offsetLeft+15?,
????????????target:actionBean,
????????????div:useDiv
????????}
}
//事件添加
document.getElementById('pi').onmousemove?=?function(ev){
??????var?sbv?=?showByEvent(ev,"div1");
??????var?bean?=?sbv.target?;
????var?dd?=?sbv.div;
????dd.style.visibility??=?"";
????dd.innerHTML?=?"<a?href=http://www.baidu.com>刪除"+bean.value+"</a><br>"+
????????????????????????????????????"<a?href=http://www.google.com>詳細(xì)?by?Id?"+bean.id+"</a>";
};
</script>