两个放在一个按钮上

Two aside in one button

本文关键字:一个 按钮 两个      更新时间:2023-09-26

嗨,我在单击按钮/链接时显示此旁白。如您所见,SIDE代码中的"转到下一个旁白"是一个按钮。

我想发生的是,当单击"转到下一个旁白"按钮时,将显示一个新的旁白页面,以替换下面的具有过渡效果的旁白页面/代码。下一个旁边也应该有一个"后退"选项。我想知道相应的HTML代码。

正要搜索,但我无法解释我的问题。

按钮/链接

<!-- Button/Link -->
<a class="btn btn-sm" data-toggle="modal" data-target="#container">
    <span class="icon-bars" title="Options"></span>
</a>

旁白

<!-- Aside -->
<aside>
    <div id="container" class="modal fade fade-right" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">Options</div>
                <div class="modal-body">
                    <ul>
                        <li>
                            <a href="#" class="btn btn-sm ichris-default-button">
                            <span class="glyphicon glyphicon-edit" title="Go to the next Aside"></span>
                            Go to the next Aside
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>

也许你想要一个可以自定义以满足您要求的
jQuery轮播插件在此处
查看此演示以及更多示例 这里