能不能告诉我如何在dreamwaver中用JS实现当鼠标悬停在图片上时显示文字说明?
3个回答
展开全部
不必用JS的呀:
插入图片——选择图片——在“属性”工具栏中的“替代”里输入你想显示的说明文字——保存
插入图片——选择图片——在“属性”工具栏中的“替代”里输入你想显示的说明文字——保存
追问
没效果呀
追答
不会吧,本来简单的东西,搞得麻烦了。
那么你看下这个吧,希望对你有帮助,还可以悬停显示图片
JS教程:鼠标悬停时显示文字或显示图片
function showPic(sUrl){
var x,y;
x = event.clientX;
y = event.clientY;
document.getElementById("Layer1").style.left = x;
document.getElementById("Layer1").style.top = y;
document.getElementById("Layer1").innerHTML = "";
document.getElementById("Layer1").style.display = "block";
}
function hiddenPic(){
document.getElementById("Layer1").innerHTML = "";
document.getElementById("Layer1").style.display = "none";
}
//此行title实现悬停时显示文字onmousemove实现显示图片
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.mmec{ position:relative;margin:0 auto; bottom:276px; color:#aeaeae; font-size:14px; margin-top:308px;}
.mmec a.mmec small{display:none; text-decoration:none}
.mmec:hover{cursor:pointer}
.blog{cursor:pointer; position:absolute; width:100; height:100; z-index:100; left:0; display:block;}
.mmec:hover small{ display:block;position:absolute; font-size:14px; bottom:0; left:20px;color:#aeaeae;width:670px; z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
<div class="mmec">
<small>
<p>文字<p>
<a href="#" class="blog"> </a>
</small>
</div>
.mmec a.mmec small{display:none; text-decoration:none}
.mmec:hover{cursor:pointer}
.blog{cursor:pointer; position:absolute; width:100; height:100; z-index:100; left:0; display:block;}
.mmec:hover small{ display:block;position:absolute; font-size:14px; bottom:0; left:20px;color:#aeaeae;width:670px; z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
<div class="mmec">
<small>
<p>文字<p>
<a href="#" class="blog"> </a>
</small>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询