jQuery课程表选项卡滑动切换

2025-07-21 07:04:45

1、新建html文档。

jQuery课程表选项卡滑动切换

3、初始化css代码。<style>ul,ol,li{list-style-type:none;}a img{border:0;}a{text-decoration:none; color: #595757;}a:hover{text-decoration:underline; color: #595757;}.left{float:left;}.right{float:right;}.textCenter{text-align:center;}.textRight{text-align:right;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}body{font-size: 12px;color: #595757;font-family: "微软雅黑";background-color: #ffffff;}body a{color: #595757}</style>

jQuery课程表选项卡滑动切换

5、书写并添加js代码。<script src="js/jquery-1.7.2.min.js"></script><script src="js/tab.js"></script>

jQuery课程表选项卡滑动切换

7、查看效果。

jQuery课程表选项卡滑动切换
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢