Question

我在页面的头部有一些javascript控制图像库，用户点击缩略图图像和更大的图像，并在一个范围内显示一些文本。每页有10个缩略图，我需要了解如何在页面加载时将第1个缩略图的隐藏范围设置为“阻止”。

<script type="text/javascript">
function hideSpan(spanName) {

var obj = document.getElementById(spanName);
obj.style.border="0px";
obj.style.color="#fff";
obj.style.display="none";
obj.style.left="333px";
obj.style.padding="0";
obj.style.position="absolute";
obj.style.top="55px";
obj.style.width="244px";
}

function showSpan(spanName) {

var spanEl, count = 1;
while(spanEl = document.getElementById('link' + count++)){
spanEl.style.display = 'none';
}

var obj = document.getElementById(spanName);
obj.style.display="block";
}

</script>

非常感谢您的任何帮助。

Answer 1

简单，轻松的方式就是这样做：

<body onload="showSpan('link1');">

这里的问题是附加到body的onload事件在页面加载时稍晚执行（在所有部分 - 包括images--加载之后）因此对你的拨号用户来说是谋杀。 jQuery实现了一种更好的方法：

$(document).ready(function () {
    showSpan('link1');
});

如果你没有使用jQuery，那么这里的人比我更明智地知道使用“正确的”JavaScript的正确方法，我不记得jQuery使用的事件名称。头。

需要设置1 span的样式来显示：在页面加载时阻止由span设置为display：none组成的图像库

1 个答案: