把网页中图片的Alt提示去掉的实现方法

图片提示代码实现

最新推荐文章于 2022-05-03 14:07:01 发布

转载最新推荐文章于 2022-05-03 14:07:01 发布 · 1.4k 阅读

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现鼠标悬停时显示图片提示的方法。该方法利用HTML元素的onmousemove事件触发，结合绝对定位展示提示内容。

<img src="http://www.7gz.cn/images/logo.gif" alt="七歌站长站1号站">
<img src="http://www.7gz.cn/images/logo.gif" alt="七歌站长站2号站">
<img src="http://www.7gz.cn/images/logo.gif" alt="七歌站长站3号站">
<div style="visibility:hidden;border:0px solid #000000;background-color:#333333;font-size:12px;color:#6699cc;position:absolute;" id=altlayer></div>
<script>
document.body.onmousemove=quickalt;
function quickalt() {
if (event.srcElement.hint)event.srcElement.alt=event.srcElement.hint;
if(event.srcElement.alt && event.srcElement.alt!='') {
event.srcElement.hint=event.srcElement.alt;
altlayer.style.visibility='visible';
altlayer.style.left=event.x-1;
altlayer.style.top=event.y+16;
altlayer.innerHTML=event.srcElement.hint
event.srcElement.alt="";
}
else altlayer.style.visibility='hidden';}
</script>