jquery实现软件功能介绍tab标签切换效果代码-html代码-BFW代码库

jquery实现软件功能介绍tab标签切换效果代码

代码语言：html

所属分类：选项卡

代码描述：jquery实现软件功能介绍tab标签切换效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
@charset "utf-8";


        * {
            margin: 0;
            padding: 0;
            font-family: "微软雅黑";
            font-size: 12px;
            color: #000;
        }
        ul {
            list-style: none;
        }
        a {
            text-decoration: none;
        }
        .gongneng_main {
            height: 785px;
            width: 1200px;
            margin: 0 auto;
        }
        .Small_tedian_tit {
            text-align: center;
            font-size: 32px;
            color: #333;
            padding-top: 95px;
            padding-bottom: 40px;
        }
        .gongneng_tab {
            width: 520px;
            height: 45px;
            border-radius: 25px;
            border: 1px solid #f3f3f3;
            margin: 0 auto;
            box-shadow: 0px -2px 2px #e8e6e6;
            margin-bottom: 80px;
        }
        .gongneng_tabmin {
            width: 392px;
            margin: 0 auto;
            overflow: hidden;
            padding: 5px 0;
        }
        .gongneng_click {
            cursor: pointer;
            width: 35px;
            height: 35px;
            margin: 0 7px;
            float: left;
            text-align: center;
            position: relative;
        }
        .gongneng_click b {
            font-weight: 400;
            position: relative;
            z-index: 2;
            color: #555;
            line-height: 35px;
            font-size: 20px;
            transition: all .5s ease;
        }
        .gongneng_click i {
            position: absolute;
            width: 0;
            height: 0;
.........完整代码请登录后点击上方下载按钮下载查看