[javascript]?
$(獲取到需要彈出浮動框的元素obj).hover(function () {?
??? //鼠標移動時?
??? //獲取到需要彈出浮動框的元素obj?
??? divobj = document.getelementbyid(obj);?
??? //獲取obj的位置,left及top,ie及ff3.0以上都支持?
??? divobjleft = divobj.getboundingclientrect().left;?
??? divobjtop = divobj.getboundingclientrect().top;?
??? //為彈出的div的left,top賦值?
??? divobjx = divobjleft + 0 /* 彈出的div距離obj左邊的距離,取實際值 */;?
??? divobjy = divobjtop + 50 /* 彈出的div距離obj頂部的距離,取實際值 */;?
??? // 定義彈出div?
??? var x = "
這里是內(nèi)容,也可以通過參數(shù)來傳遞
";?
??? //通過insertadjacenthtml來寫入到html內(nèi)(這個參數(shù)火狐不支持,但是可能通過兼容代碼 讓火狐兼容insertadjacenthtml 屬性,兼容代碼不長,就幾十行)?
??? document.body.insertadjacenthtml("afterbegin", x);?
}, function () {?
??? //鼠標移出時,通過closediv()移除這個div?
??? closediv("description");?
})?
?
/* sart 移除元素方法 */?
function closediv(obj) {?
??? var divobj = document.getelementbyid(obj);?
??? divobj.parentnode.removechild(divobj);?
}?
/* end移除元素方法 */?
?
/* start 兼容代碼 讓火狐兼容insertadjacenthtml 屬性 */?
if (typeof htmlelement != "undefined" && !htmlelement.prototype.insertadjacentelement) {?
??? htmlelement.prototype.insertadjacentelement = function (where, parsednode) {?
??????? switch (where) {?
??????????? case "beforebegin":?
??????????????? this.parentnode.insertbefore(parsednode, this);?
??????????????? break;?
??????????? case "afterbegin":?
??????????????? this.insertbefore(parsednode, this.firstchild);?
??????????????? break;?
??????????? case "beforeend":?
??????????????? this.appendchild(parsednode);?
??????????????? break;?
??????????? case "afterend":?
??????????????? if (this.nextsibling) {?
??????????????????? this.parentnode.insertbefore(parsednode, this.nextsibling);?
??????????????? } else {?
??????????????????? this.parentnode.appendchild(parsednode);?
??????????????? }?
??????????????? break;?
??????? }?
??? };?
??? htmlelement.prototype.insertadjacenthtml = function (where, htmlstr) {?
??????? var r = this.ownerdocument.createrange();?
??????? r.setstartbefore(this);?
??????? var parsedhtml = r.createcontextualfragment(htmlstr);?
??????? this.insertadjacentelement(where, parsedhtml);?
??? };?
??? htmlelement.prototype.insertadjacenttext = function (where, txtstr) {?
??????? var parsedtext = document.createtextnode(txtstr);?
??????? this.insertadjacentelement(where, parsedtext);?
??? };?
}?
/* end 兼容代碼 讓火狐兼容insertadjacenthtml 屬性 */ ?