
用鼠标的onmouseover事件实现相册预览,要求将鼠标放置到相应的"图片一","图片
展开全部
//设置一个div,但是默认却是隐藏起来的。
.s1{
position: absolute;
display: none;
}
// js
function show(){
document.getElementById("s1").style.display="block";
}
function dis(){
document.getElementById("s1").style.display="none";
}
<img src="small.bmp" onmouseover="show();" onmouseout="dis();">
<div class="s1" id="s1"><img src="big.bmp"></div>
要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。
.s1{
position: absolute;
display: none;
}
// js
function show(){
document.getElementById("s1").style.display="block";
}
function dis(){
document.getElementById("s1").style.display="none";
}
<img src="small.bmp" onmouseover="show();" onmouseout="dis();">
<div class="s1" id="s1"><img src="big.bmp"></div>
要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询