bootstrap响应式折角tab选项卡标签切换代码

来源:https://www.sucaihuo.com/js/1941.html 2017-05-15 15:38浏览(3031) 收藏

响应式折角tab选项卡,基于bootstrap制作的标签切换特效,包含鼠标悬停特效和点击切换动画特效。
bootstrap响应式折角tab选项卡标签切换代码
分类:选项卡/滑动门 > 列表切换 难易:
查看演示 下载资源 下载积分: 30 积分

头部的字体样式font-awesome.min.css可以自由替换,body部分需要引入bootstrap.min.js。 部分css样式如下:

.tab .nav-tabs li a:hover{
		    background: #692f6c;
		    opacity: 0.8;
		}
		.tab .nav-tabs li.active a{
		    opacity: 1;
		}
		.tab .nav-tabs li.active a,
		.tab .nav-tabs li.active a:hover,
		.tab .nav-tabs li.active a:focus{
		    color: #fff;
		    background: #692f6c;
		    border: none;
		    border-radius: 0;
		}

评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2