基于jQuery实现图片缩放tab切换效果



15 56 19



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



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 放大缩小 变大变小 放大 缩小 变大 变小 缩放 缩放切换 图片放大缩小 图片缩放 图片大小 图片放大 图片缩小 图片变大 图片变小 图片切换 图片选项卡 图标选项卡
×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到