我的锚点onclick显示图像,但在一秒后消失,为什么?

时间:2014-03-12 09:42:34

标签: javascript html css onclick

嘿伙计,所以我有这个下拉菜单使用ul和锚点,当我点击一个图像时,应该显示。问题是当我点击它时图像出现但只有一秒然后消失。我使用的编码是从本网站上的其中一个帖子粘贴的,我觉得它适用于有麻烦的人。 但它不适用于我,为什么?

HTML

<ul>
    <li> <a href="" onclick="document.getElementById('banquetsix').style.visibility='visible';">6   Seater</a> 
    </li>
    <li><a href="">8 Seater</a>
    </li>
    <li><a href="">10 Seater</a>
    </li>
</ul>
<img id="banquetsix" class="banq" src="image/banquet6.jpg" />

CSS

.banq {
    visibility:hidden
}

1 个答案:

答案 0 :(得分:0)

我的猜测是您的代码正在运行,但是HREF会在您点击链接后重新加载页面。

尝试在onclick事件中添加return false。:

onclick="document.getElementById('banquetsix').style.visibility='visible';return false"