jQuery图片缩放tab切换效果代码

杜赫 2019-11-19 35 阅读

特效描述:基于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>

演示地址下载地址

最新游戏