一个按钮旁边两个

时间:2014-11-14 06:13:28

标签: javascript html css html5 angularjs

嗨,我点击了BUTTON / LINK时显示的这个ASIDE。 如您所见,ASIDE代码中的“转到下一个旁边”是一个按钮。

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

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

BUTTON / LINK

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

ASIDE

<!-- 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>

1 个答案:

答案 0 :(得分:0)

也许你想要一个可以定制的jQuery Carousel插件以满足你的要求 看一下这个演示here
以及更多示例here