jqueryは、マウスをアイコン表示レイヤーに移動して関連情報を表示するなど、CSSの絶対配置の位置効果を制御します。

[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 = "

这里是内容，也可以通过参数来传递

";
//insertAdjacentHTML を介して HTML に書き込みます (Firefox はこのパラメーターをサポートしていませんが、互換性コードを使用して Firefox を insertAdjacentHTML 属性と互換させることができます。互換性コードは長くなく、わずか数十行です)
ドキュメント。 body.insertAdjacentHTML(" afterBegin",
function closeDiv(obj) {
var divobj = document.getElementById(obj);
divobj.parentNode.removeChild(divobj);
}
/* 要素削除メソッドの終了*/

/ * Firefox と互換性を持たせるための互換性コードを開始します insertAdjacentHTML 属性*/
if (typeof HTMLElement != "unknown" && !HTMLElement.prototype.insertAdjacentElement) {
HTMLElement.prototype.insertAdjacentElement = function (where, parsedNode) {
switch (where) {
case "beforeBe gin":
this.parentNode.insertBefore(parsedNode, this); break; } else {
を通して を通して 〜を通して 〜 ‐ ‐‐ ‐ } else }
};
HTMLElement.prototype.insertAdjacentHTML = function (where, htmlStr) {
r.setStartBefore(this);
var parsedHTML = r. create ContextualFragment(htmlStr);
this.insertAdjacentElement(where, parsedHTML);
HTMLElement.prototype.insertAdjacentText = function (where, txtStr) {
var parsedText = document.createTextNode(txtStr); , parsedText);
};
}
/* Firefox を insertAdjacentHTML 属性と互換性のあるものにします*/