你的位置:首页 > Java教程

[Java教程]基于jQuery扁平多颜色选项卡切换代码


基于jQuery扁平多颜色选项卡切换代码,支持自动轮播切换,鼠标滑过切换的jQuery特效。效果图如下:

在线预览    源码下载

实现的代码。

html代码:

<div class="wrap">    <div class="part1 clearfix">      <div class="slide">        <div class="slide_cont">          <ul class="clearfix">            <li style="background-color:#4ab9f3; "><img src="images/banner_01.png" /></li>            <li style="background-color:#4fc34e; "><img src="images/banner_02.png" /></li>            <li style="background-color:#ff852a; "><img src="images/banner_03.jpg" /></li>            <li style="background-color:#dd3838; "><img src="images/banner_04.png" /></li>            <li style="background-color:#a444d0; "><img src="images/banner_05.png" /></li>          </ul>        </div>        <div class="slide_point">          <span class="cur_point point1">微信公众号一站式管理</span>          <span class="point2">网站完美兼容其他接口</span>          <span class="point3">微信粉丝互动营销利器</span>          <span class="point4">多种在线支付随你挑选</span>          <span class="point5">细化版本满足各行各业</span>        </div>      </div>    </div>  </div>

via:http://www.w2bc.com/article/53297