<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代码,标签栏切换,tab切换,标签切换,JS特效,JS图片特效,JS广告代码,JS常用代码" />
<meta name="description" content="JS实现的无比可爱tab标签栏切换效果,更多标签栏切换,tab切换,标签切换,JS特效代码请访问脚本之家JS代码频道。" />
<title>JS实现的无比可爱tab标签栏切换效果_脚本之家</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="wrapper">
<h1>Sweet tabbed navigation<small>using CSS3<br>
</small></h1>
<h2><a href="http://www.marcofolio.net/" title="Visit Marcofolio.net">Marcofolio.net</a>
<div id="content">
<div id="menu">
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Blog" class="active">Blog</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Register">Register</a></li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
</div>
<div id="main">
<h3>Blog</h3>
<p>This is an example of a very sweet tabbed navigation created using pure CSS3. It makes use of some powerful CSS3 features, like gradients, shadows, rounded corners and RGBA support.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus rhoncus sapien, vitae sollicitudin augue ullamcorper sit amet. Phasellus non dolor nec sem hendrerit rhoncus at non sapien. Vestibulum a lorem risus, non iaculis magna. Praesent sodales molestie ullamcorper. Suspendisse feugiat dolor nec felis accumsan eleifend. Integer eleifend diam consectetur libero ultrices vulputate scelerisque urna bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus ullamcorper nisl, quis accumsan ante consectetur quis. Pellentesque vel nunc et ante aliquet commodo. Proin vestibulum tristique consectetur. Suspendisse id mi sem, ut porttitor ante. Nulla interdum mi nec felis scelerisque eu aliquet enim molestie.</p>
</div>
</div>
</div>
<div style="text-align:center; clear:both; margin:5px auto">
<p>代码整理:<a href="http://www.jb51.net/" target="_blank">脚本之家</a> 更多相关效果,请到脚本
之家 <a href="http://www.jb51.net/jiaoben/guanggao1.html" target="_blank">脚本下载</a>栏目</p>
<p>*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p><a href="http://sc.jb51.net" target="_blank">脚本之家素材中心</a>整理。</p>
<p><script src="/js/js-preview-728x90.js"></script><br /><br /><br /><center><script
src="/js/tj.js"></script></center></p>
</div>
</body>
</html>