zoukankan      html  css  js  c++  java
  • Tabs

    <div  class="J_TWidget tab" data-widget-type="Tabs"style="宽度px; height:高度px; overflow:hidden;" data-widget-config="{'effect': 'fade','autoplay': true, 'circular': true ,'activeTriggerCls':'selected'}">
        <ul class="ks-switchable-nav" style="750px; height:40px; overflow:hidden;">
            <li class="ks-active" style="list-style:none; float:left; 140px; height:40px;line-height:40px;text-align:center;margin-right:2px; cursor:pointer;">标题 A</li>
            <li style="list-style:none; float:left; 140px; height:40px;line-height:40px;text-align:center;margin-right:3px; cursor:pointer;">标题 B</li>
            <li style="list-style:none; float:left; 140px; height:40px;line-height:40px;text-align:center;margin-right:2px; cursor:pointer;">标题 C</li>
            <li style="list-style:none; float:left; 140px; height:40px;line-height:40px;text-align:center;margin-right:3px; cursor:pointer;">标题 D</li>
            <li style="list-style:none; float:left; 140px; height:40px;line-height:40px;text-align:center;cursor:pointer;">标题 E</li>
        </ul>
        <div class="ks-switchable-content" style="position:relative; 710px; height:450px;overflow:hidden;">
            <div><img src="https://img.alicdn.com/imgextra/i1/799193263/TB2xNhIpVXXXXabXpXXXXXXXXXX_!!799193263.jpg" alt=""></div>
            <div style="display: none"><img src="https://img.alicdn.com/imgextra/i3/799193263/TB21eDfppXXXXXQXpXXXXXXXXXX_!!799193263.jpg" alt=""></div>
            <div style="display: none"><img src="https://img.alicdn.com/imgextra/i3/799193263/TB2W312ppXXXXaBXXXXXXXXXXXX_!!799193263.jpg" alt=""></div>
            <div style="display: none"><img src="https://img.alicdn.com/imgextra/i2/799193263/TB2So1boFXXXXX9XFXXXXXXXXXX_!!799193263.jpg" alt=""></div>
            <div style="display: none"><img src="https://img.alicdn.com/imgextra/i3/799193263/TB2JW4tnFXXXXX4XpXXXXXXXXXX_!!799193263.jpg" alt=""></div>
        </div>
    </div>
  • 相关阅读:
    JS---数组(Array)处理函数整理
    xStream完美转换XML、JSON
    DD_belatedPNG解决IE6下PNG不透明问题
    转 DataTorrent 1.0每秒处理超过10亿个实时事件
    转 Apache Kafka:下一代分布式消息系统
    Selenium(ThoughtWorks公司开发的web自动化测试工具)
    oracle 拆分字符串并转换为表
    C# winform 使用DsoFramer 创建 显示office 文档
    visual studio 2014 新特性
    转 管线开发
  • 原文地址:https://www.cnblogs.com/beata/p/5717495.html
Copyright © 2011-2022 走看看