0

当我点击一个按钮时，我试图让一个 div 出现。我希望出现的 div 是 .photo1。我只为小提琴使用了一个带有背景颜色的块，但实际上它将是一个在点击时可见的图像。目前，点击没有任何反应。

非常感谢您的帮助。

我的代码可以在这里的 jsfiddle 找到

html是：

<body>
    <ul class="menu">
        <li>
            <a href="#" onclick="showStuff('photo1')";> show the block </a>
       </li>
    </menu>
    <span div id="photo1" style="display: none;">
        <brandinfobox class="photo1"> </brandinfobox>
    </span>
</body>

javascript是：

function showStuff(id) {
    document.getElementById(id).style.display = 'block';
}

CSS是：

.menu {
    position:absolute;
    background-color: orange;
    background-size: 40, 130px;
    font-size: 14px;
    left: 20px;
    text-align: center;
    line-height: 40px;
}
brandinfobox {
    position: absolute;
    height: 384px;
    width:620px;
}
.photo1 {
    position:absolute;
    top: 100px;
    left: 100px;;
    background-color:black;
    width:200px;
    height: 200px;
    background-size: contain;
}
4

1 回答 1

1

你的代码非常混乱，我建议你学习 HTML 标签、CSS 类和 ID——特别是你应该在哪里使用它们。

但是，它不起作用的原因是 JavaScript 函数在页面加载时被限定范围（只能访问）。将它放在 head 或 body 标记中（在 JSFiddle 中，通过左侧的菜单）将意味着浏览器可以找到该showStuff功能。

我试图在以下 JSFiddle 中整理您对类和标签的使用：http: //jsfiddle.net/jaypeagi/WFuRX/2/

于 2013-03-18T13:05:56.613 回答