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

 时间:2024-10-26 12:26:07

这样:

争犸禀淫<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>

html页面单选框怎么实现 CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右! HTMLcss怎样让div固定在顶部位置 实现整个html居中最简单方法 html页面如何创建多行文本输入框
热门搜索
卡通蛇图片 纹身头像男生图片霸气 图片太大怎么缩小 小丑 电影 店铺招牌图片