230问答网 > html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一个图片介绍

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一个图片介绍

2024-11-25 22:11:15

推荐回答（3个）

回答1：

//设置一个div，但是默认却是隐藏起来的。
.s1{
position: absolute;
display: none;
}
// js
function show(){
document.getElementById("s1").style.display="block";
}
function dis(){
document.getElementById("s1").style.display="none";
}

要是想弹出文字介绍把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

回答2：

这样：

...

//设置一个div，但是默认却是隐藏起来的。

.s1{

position: absolute;

display: none;

}

// js

function show(){

document.getElementById("s1").style.display="block";

}

function dis

扩展资料：

注意事项

html部分:需要注意的是，用于显示图片的DIV需要放在body第一子节点，不然会出现定位错误

天涯书城书目
新华字典	新华出版社	32.5	工具书

天涯书城书目

书名

作者

售价

书类

新华字典

新华出版社

32.5

工具书

回答3：

本来元素里鼠标是-0，进来之后变成了1，于是就有了鼠标移动的触发，接着才会触发鼠标在目标内。