求 js 特效，鼠标滑过，显示浮层

2025-04-30 18:05:09

推荐回答（3个）

回答1：

首先随便找一个地方新建一个div 并且隐藏。例如

然后在链接那边写个onmouseover 属性加个触发方法如showDiv()具体方法如下
function showDiv(e){
$("#showTip").html("这里可以写一些html的内容，如图片文字");
$("#showTip").css("top",e.clientY);//这里可以根据情况适当调整
$("#showTip").css("left",e.clientX);
$("#showTip").show();
}
还要在链接那边加上 onmouseout属性触发方法如下:
function hideDiv(){
$("#showTip").hide();
}
以上需要引入jquery支持

回答2：

一般方法如下:
1、先写出浮动层的结构。这个浮动层可以是动态添加的，也可以是事先写在页面的。
总之，先把样式结构写好。这个会用到绝对与相对定位，然后再隐藏起来，display:none;

2、结构范例：

上来有惊喜

这个div是隐藏的层

3、js代码：

。。。。

function show(obj){
var divs = obj.getElementsByTagName("div")[0];
div.style.display="block";
}
function hide(obj){
var divs = obj.getElementsByTagName("div")[0];
div.style.display="none";
}
}

回答3：

好像已经有人给你解答了
我就不多啰嗦了呵呵呵！
不过，“郁闷蓝点”的回答中的一部分代码：e.clientY
会存在浏览器兼容性问题
也就是说，这句代码在不同浏览器下，效果会不一样，或者干脆就没有效果
所以这点你要注意