养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-26 10:29:56

这样:

争犸禀淫<Ahref=""><imgsrc="../images/yumen.jpg"onmous髫潋啜缅eover="this.src='../images/yumen1.jpg'"onmouseout="this.src='../images/yumen.jpg'"width="100"height="28"></A>...

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

.s1{

position:absolute;

display:none;

}

//js

functionshow(){

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

}

functiondis

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

扩展资料:

注意事项

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

<divid="box"class="col-md-4col-md-offset-4"

<tableclass="tabletable-hover">

<thead>

<tr>

<thclass="text-info"colspan="4">

天涯书城书目</th>

</tr>

<tr>

<th>书名</th>

<th>作者</th>

<th>售价</th>

<th>书类</th>

</tr


</thead>

<tbody>

<tronmouseout="hiddenPic()"onmousemove="showPic('img/0.png')">

<td>

新华字典</td>

<td>
新华出版社</td>

<td>
32.5</td>

<td>
工具书</td>

</tr>

</tbody>

</table>

</div>

<divid="Layer1"style="display:none;position:absolute;z-index:1;"></div></body>

© 一点知识