jquery多选项卡效果实例代码(附效果图)

2020-05-22 15:56:21易采站长站整理

            <div class=”namespanel”>
                <div class=”namespaneltip”></div>
                <div class=”designernamelist”>
                    <!–{foreach from=$T item=i}–>
                    <a href=”#”>{$i.user_name}</a>
                    <!–{/foreach}–>
                </div>
                <div class=”namespanelpage3″></div>
            </div>
            <div class=”imgspanel”></div>
            <div class=”imgspanel”></div>
        </div>
    </div>
</div>


<div class=”designerspanel” id=”UZ”>
    <a name=”UZ”></a>
    <div class=”wordtitle”>Designer Name Order U to Z</div>
    <div class=”tabspanel”>
        <ul>
        <li class=”qing”><span>Designer Name U</span></li>
        <li class=”black”><span>Designer Name V</span></li>
        <li class=”black”><span>Designer Name W</span></li>
        <li class=”black”><span>Designer Name X</span></li>
        <li class=”black”><span>Designer Name Y</span></li>
        <li class=”black”><span>Designer Name Z</span></li>
        </ul>
        <div id=”show”>
            <div class=”namespanel”>
                <div class=”namespaneltip”></div>