function show(image, event) { var x; var y; document.getElementById("photo").style.display = "block"; x = parseInt(event.clientX) ;//+ parseInt(document.documentElement.scrollLeft); y = parseInt(event.clientY) ;//+ parseInt(document.documentElement.scrollTop); document.getElementById("photo").style.top = y + "px"; document.getElementById("photo").style.left = x + "px"; document.getElementById("big").src = image; } //隐藏图片 function hiddenf() { document.getElementById("photo").style.display = "none"; } window.onscroll = "show()";
时间: 2024-04-28 22:25:52 浏览: 203
document.getElementById()
这是一段 JavaScript 代码,用于显示和隐藏一个图片。具体来说,它包含两个函数:
1. `show(image, event)`:该函数用于显示图片,并且需要传入两个参数。其中 `image` 是要显示的图片的 URL,`event` 是触发显示图片的事件对象。函数内部首先将 `photo` 元素的 `display` 样式设置为 `block`,这样就能够让图片显示出来。然后获取事件对象的鼠标坐标,将 `photo` 元素的 `top` 和 `left` 样式分别设置为鼠标坐标的值,将 `big` 元素的 `src` 属性设置为要显示的图片的 URL。
2. `hiddenf()`:该函数用于隐藏图片,将 `photo` 元素的 `display` 样式设置为 `none` 即可。
最后,代码中的 `window.onscroll = "show()";` 可能有误,应该改为 `window.onscroll = show;`,用于在滚动页面时触发 `show()` 函数。
阅读全文