jQuery.rTabs实现多种tab选项卡效果代码-html代码-BFW代码库

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;
.........完整代码请登录后点击上方下载按钮下载查看