首页 / EXTJS / 一个tab标签切换效果代码_extjs

一个tab标签切换效果代码_extjs

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个tab标签切换效果代码_extjs，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2572字，纯文字阅读大概需要4分钟。

内容图文

HTML:
代码如下:















            CSS:
            代码如下:

            #tabsK {
            float:left;
            width:100%;
            line-height:normal;
            border-bottom:1px solid #54545C;
            }
            #tabsK ul {
            margin:0;
            padding:10px 10px 0 10px;
            list-style:none;
            }
            #tabsK li {
            display:inline;
            margin:0;
            padding:0;
            cursor:pointer;
            }
            #tabsK a {
            float:left;
            background:url("image/tableftK.gif") no-repeat left top;
            margin:0;
            padding:0 0 0 4px;
            text-decoration:none;
            }
            #tabsK a span {
            float:left;
            display:block;
            background:url("image/tabrightK.gif") no-repeat right top;
            padding:8px 16px 4px 6px;
            color:#FFF;
            }

            #tabsK a span {float:none;}
            /* End IE5-Mac hack */
            #tabsK a:hover span {
            cursor:pointer;
            color:#FFF;
            background-position:100% -42px;
            }
            #tabsK a:hover {
            background-position:0% -42px;
            cursor:pointer;
            }
            #tabsK .hover a
            {
            background-position:0% -42px;
            }
            #tabsK .hover span
            {
            background-position:100% -42px;
            }

            .tab2 ul
            {
            display:none;
            list-style-type:none;
            height:560px;
            }
            .tab2 ul li
            {
            text-align:left;
            line-height:20px;
            text-indent:1em;
            }
            .tab2 .block
            {
            display:block;
            }

            JS:
            代码如下:

            内容总结

            以上是互联网集市为您收集整理的一个tab标签切换效果代码_extjs全部内容，希望文章能够帮你解决一个tab标签切换效果代码_extjs所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

            内容备注

            版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

            内容手机端

            扫描二维码推送至手机访问。

            本文链接：https://qyyshop.com/info/308330.html

            来源：【匿名】