首页 > 网站 > WEB开发 > 正文

基于jQuery扁平多颜色选项卡切换代码

2024-04-27 15:00:19
字体:
来源:转载
供稿:网友

基于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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表