使用JS编写经过图片是出现提示

答案:1 悬赏:50 手机版

解决时间 2021-05-08 08:46

提问者网友：我的未来我做主
2021-05-08 02:18

最佳答案

五星知识达人网友：老鼠爱大米
2021-05-08 03:45

<body>
<style>
#demo{overflow:hidden;width:390px;text-align:center;}#demo img{border:none;width:390px;height:110px;}#enlarge_images{position:absolute;display:none;z-index:2;border:5px
solid #f4f4f4}
</style>
<div id="demo" >
<img src=" http://service.t.sina.com.cn/widget/qmd/1671667514/73902c3b/1.png" height="110" width="390">
</div>

<div id="demo" >
<img src=" http://service.t.sina.com.cn/widget/qmd/1671667514/73902c3b/1.png" height="110" width="390">
</div>
<div id="enlarge_images">
</div>
<script>
var demo = document.getElementById("demo");
var gg = document.getElementsByTagName("img");
var ei = document.getElementById("enlarge_images");
for (i = 0; i < gg.length; i++) {
    var ts = gg[i];
    ts.onmousemove = function(event) {
    event = event || window.event;
    ei.style.display = "block";
    ei.innerHTML = "woshishui";
    ei.style.top = document.body.scrollTop + event.clientY + 10 + "px";
    ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";
    }
    ts.onmouseout = function() {
    ei.innerHTML = "";
    ei.style.display = "none";
    }
    ts.onclick = function() {
    window.open(this.src);
    }
}
</script>
</body>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！