H-ui框架制作选项卡

最新推荐文章于 2021-08-18 11:12:32 发布

Min红

最新推荐文章于 2021-08-18 11:12:32 发布

阅读量917

点赞数

本文链接：https://blog.csdn.net/xiaoxiaoyoumeng/article/details/81299336

版权

这篇博客介绍了如何利用H-ui框架创建选项卡。内容包括HTML结构布局，自定义CSS样式，以及引入和使用jQuery和H-ui.js库的JS代码。特别指出，如果使用H-ui.js 3.1及以上版本，JS代码部分有所不同。

摘要由CSDN通过智能技术生成

本案例运用H-ui框架，写了一个选项卡案例

1. html代码（固定这样写，用一个div包裹控制条tabBar和内容条tabCon）

<div id="tab-index-cartegory">
    <div class="tabBar">
        <span class="selected">类型</span>
        <span>风格</span>
    </div>
    <div class="tabCon" style="display: block;">
        <div>
            <ul>
                <li>
                    <a href="#" target="_blank">宋体</a>
                </li>
                <li>
                    <a href="#" target="_blank">楷体</a>
                </li>
                <li>
                    <a href="#" target="_blank">行书</a>
                </li>
                <li>
                    <a href="#"