【问题标题】:Prev and next button上一个和下一个按钮
【发布时间】:2010-05-12 19:00:55
【问题描述】:

我的网站有上一个和下一个按钮。当页面加载时 id 就像上一个按钮一样不可见。(在第一个面板上) 用户点击下一个按钮(进入第二个面板)后,id 像上一个按钮一样出现。

是否有一些 javascript 可以做到这一点?

【问题讨论】:

    标签: javascript navigation


    【解决方案1】:

    将 CSS display: none; 添加到上一个按钮,然后将 onclick 事件添加到按钮:

    <input id="next" type="button" name="next" onclick="document.getElementById('previous').style.display = 'block';
    " />
    

    其中#previous = 上一个按钮的 ID。

    如果您遇到问题,请参阅此链接了解使用 JavaScript 隐藏元素的 7 种方法: http://www.dustindiaz.com/seven-togglers/

    【讨论】:

    • 我是否将 onclick 事件添加到下一个按钮?
    • 是的,确实,您可以反转代码并将其放在上一个按钮上 - 只需将 getElementById('pervious') 替换为 getElementById('next') ^_^
    猜你喜欢
    • 2013-12-14
    • 2017-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多