特效描述:基于jQuery实现 图片缩放 tab切换效果,基于jQuery实现图片缩放tab切换效果
代码结构
1. 引入JS
<script src="jquery-1.3.2.js" type="text/javascript"></script>
2. HTML代码
<div class="zoomoutmenu">
<ul class="tabs">
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
<li><a href="#four">Four</a></li>
<li><a href="#five">Five</a></li>
</ul>
<div class="panels">
<div id="one" class="panel">
<h2>Garden life</h2>
</div>
<div id="two" class="panel">
<h2>Lego</h2>
</div>
<div id="three" class="panel">
<h2>Berlin</h2>
</div>
<div id="four" class="panel">
<h2>New York</h2>
</div>
<div id="five" class="panel">
<h2>Hungary</h2>
</div>
</div>
</div>
<div style="text-align:center;clear:both">
</div>
与本文相关的文章