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 21:25:52 浏览: 9
这是一段 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()` 函数。
相关问题
javscript 修改代码 统计以下值是0的个数 var sel1 = document.getElementById("s50").value; var sel2 = document.getElementById("s11").value; var sel3 = document.getElementById("s12").value; var sel4 = document.getElementById("s14").value; var sel5 = document.getElementById("s51").value; var sel6 = document.getElementById("s19").value; var sel7 = document.getElementById("s20").value; var sel8 = document.getElementById("s21").value; var sel9 = document.getElementById("s22").value; var sel10 = document.getElementById("s23").value; var sel11 = document.getElementById("s24").value; var sel12 = document.getElementById("s25").value; var sel13 = document.getElementById("s26").value; var sel14 = document.getElementById("s27").value; var sel15 = document.getElementById("s28").value; var sel16 = document.getElementById("s52").value; var sel17 = document.getElementById("s40").value; var sel18 = document.getElementById("s41").value; var sel19 = document.getElementById("s42").value; var sel20 = document.getElementById("s46").value; var sel21 = document.getElementById("s53").value;
你可以使用以下的JavaScript代码来统计这些值为0的个数:
```javascript
var sel1 = document.getElementById("s50").value;
var sel2 = document.getElementById("s11").value;
var sel3 = document.getElementById("s12").value;
var sel4 = document.getElementById("s14").value;
var sel5 = document.getElementById("s51").value;
var sel6 = document.getElementById("s19").value;
var sel7 = document.getElementById("s20").value;
var sel8 = document.getElementById("s21").value;
var sel9 = document.getElementById("s22").value;
var sel10 = document.getElementById("s23").value;
var sel11 = document.getElementById("s24").value;
var sel12 = document.getElementById("s25").value;
var sel13 = document.getElementById("s26").value;
var sel14 = document.getElementById("s27").value;
var sel15 = document.getElementById("s28").value;
var sel16 = document.getElementById("s52").value;
var sel17 = document.getElementById("s40").value;
var sel18 = document.getElementById("s41").value;
var sel19 = document.getElementById("s42").value;
var sel20 = document.getElementById("s46").value;
var sel21 = document.getElementById("s53").value;
var count = 0;
if (sel1 == 0) {
count++;
}
if (sel2 == 0) {
count++;
}
if (sel3 == 0) {
count++;
}
if (sel4 == 0) {
count++;
}
if (sel5 == 0) {
count++;
}
if (sel6 == 0) {
count++;
}
if (sel7 == 0) {
count++;
}
if (sel8 == 0) {
count++;
}
if (sel9 == 0) {
count++;
}
if (sel10 == 0) {
count++;
}
if (sel11 == 0) {
count++;
}
if (sel12 == 0) {
count++;
}
if (sel13 == 0) {
count++;
}
if (sel14 == 0) {
count++;
}
if (sel15 == 0) {
count++;
}
if (sel16 == 0) {
count++;
}
if (sel17 == 0) {
count++;
}
if (sel18 == 0) {
count++;
}
if (sel19 == 0) {
count++;
}
if (sel20 == 0) {
count++;
}
if (sel21 == 0) {
count++;
}
if (count > 0) {
console.log("不合格");
} else {
console.log("合格");
}
```
上述代码会遍历每个选择框的值,通过逐个判断是否为0来统计个数。最后根据个数的结果输出"不合格"或"合格"。你可以将这段代码添加到你的JavaScript文件中,或者直接在浏览器的开发者工具中执行。
var box1 = document.getElementById("box1");
好的,看起来你是在使用 JavaScript 代码获取到了一个名为 "box1" 的元素。如果你想要实现拖动功能,可以尝试使用一些 JavaScript 库或者自己编写代码来实现。
下面是一个简单的示例代码,使用了原生的 JavaScript 来实现拖动功能:
```javascript
var box1 = document.getElementById("box1");
var isDragging = false;
var offsetX = 0;
var offsetY = 0;
box1.addEventListener("mousedown", function(event) {
isDragging = true;
offsetX = event.clientX - box1.offsetLeft;
offsetY = event.clientY - box1.offsetTop;
});
document.addEventListener("mousemove", function(event) {
if (isDragging) {
box1.style.left = event.clientX - offsetX + "px";
box1.style.top = event.clientY - offsetY + "px";
}
});
document.addEventListener("mouseup", function() {
isDragging = false;
});
```
在以上代码中,我们通过监听鼠标的 mousedown、mousemove 和 mouseup 事件来实现拖动功能。当鼠标按下时,记录下当前鼠标位置与元素位置的偏移量。在鼠标移动时,根据偏移量更新元素的位置,从而实现拖动效果。当鼠标松开时,停止拖动。
请确保在 HTML 中有一个 id 为 "box1" 的元素,并将以上代码放置在合适的位置,以便实现拖动效果。