jQuery.rTabs实现多种tab选项卡效果代码
代码语言:html
所属分类:选项卡
代码描述:jQuery.rTabs实现多种tab选项卡效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<head>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jQuery.rTabs.js"></script>
<script type="text/javascript">
$(function() {
$("#tab").rTabs();
$("#tab2").rTabs({
bind : 'click',
animation : 'left'
});
$("#tab3").rTabs({
bind : 'hover',
animation : 'up'
});
$("#tab4").rTabs({
bind : 'hover',
animation : 'fadein'
});
})
</script>
<style>
body{ background:#fff;}
h2 {
width: 400px;
margin: 0 auto 10px auto;
font-size: 18px;
font-family: "微软雅黑";
color: #333;
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0