blear.classes.switchable
Version:
63 lines (55 loc) • 1.63 kB
HTML
<!--
- 文件描述
- @author ydr.me
- @create 2016-05-26 11:30
-->
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="author" content="云淡然;http://ydr.me">
<meta name="keywords" content="关键词1,关键词2">
<meta name="description" content="描述语句">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<title>index.html</title>
<style>
ul a {
color: #000;
}
ul .active,
ul .active a {
color: #f00;
}
.content div {
display: none;
}
.content .active {
display: block;
}
</style>
</head>
<body ontouchstart="">
<ul id="nav0">
<li><a href="#tab01">#tab01</a></li>
<li><a href="#tab02">#tab02</a></li>
<li><a href="#tab03">#tab03</a></li>
</ul>
<div class="content">
<div id="tab01">#tab01</div>
<div id="tab02">#tab02</div>
<div id="tab03">#tab03</div>
</div>
<ul id="nav1">
<li>#tab11</li>
<li>#tab12</li>
<li>#tab13</li>
</ul>
<script src="/node_modules/coolie.js/coolie.js" data-config="/example/coolie-config.js" data-main="index.js"></script>
</body>
</html>