1. 需要下载的文件
jquery.min.js
2. 效果截图
通过滑动鼠标可以切换不同的tabs,并且显示不同的内容。下面是实现的效果图
3. 代码
html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="GB2312" />
<title>选项卡</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="tabs.js" type="text/javascript"></script>