jquery商品三级分类选择发布效果代码-html代码-BFW代码库

jquery商品三级分类选择发布效果代码

代码语言：html

代码描述：jquery商品三级分类选择发布效果代码

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <style>
@charset "utf-8";
        /**Style Reset；www.jqueryfuns.com**/
        body, div, span, h1, h2, h3, h4, h5, h6, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, fieldset, input, button, textarea, select, iframe, img, a, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, canvas {
            padding: 0;
            margin: 0;
        }
        body {
            background-color: #fff;
            color: #000;
            font: 12px/20px "Microsoft Yahei", Tahoma, Arial, "Helvetica Neue", "Hiragino Sans GB", Simsun, sans-self;
        }
        ul, ol {
            list-style-type: none;
        }
        b, strong {
            font-weight: normal;
        }
        i, em {
            font-style: normal;
        }
        a {
            text-decoration: none;
            color: #333;
        }
        /*清除浮动*/
        .clearfix:after {
            clear: both;
            display: block;
            height: 0;
            content: "";
        }
        /*主体部分*/
        .contains {
            width: 1000px;
            margin: 0 auto;
        }
        /*面包屑导航*/
        .crumbNav {
            padding: 18px 0;
            color: #323232;
        }
        .crumbNav a {
            color: #ed7f5a;
        }
        .crumbNav a:hover {
            color: #d95459;
        }
        .crumbNav font {
            padding: 0 2px;
            font-family: simsun;
        }
        /**选择商品分类**/
        .wareSort {
            padding: 15px 8px 15px 7px;
            border: 1px solid #ddd;
            background-color: #f6f6f6;
        }
        .wareSort ul {
            float: left;
            width: 290px;
            padding: 10px;
            border: 1px solid #ddd;
            margin-right: 7px;
            margin-left: 8px;
            background-color: #fff;
        }
        .wareSort ul li a {
            display: block;
            padding-right: 25px;
            padding-left: 10px;
            border: 1px solid #fff;
            line-height: 28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .wareSort ul li a:hover {
            color: #52bea6;
        }
        .wareSort ul li.active a {
            border-color: #52bea6;
            background: #cefff4 url(//repo.bfw.wiki/bfwrepo/image/5f7ab7cfd3599.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_10,h_10,/quality,q_90) no-repeat right center;
            color: #52bea6;
        }
        .selectedSort {
            padding: 10px 15px;
            border: 1px solid #ed7f5a;
            margin-top: 10px;
            margin-bottom: 10px;
            background-color: #fff4f0;
            color: #ed7f5a;
        }
        .selectedSort b {
            font-weight: bold;
        }
        .selectedSort i font {
            font-family: simsun;
        }
        .wareSortBtn {
            padding-bottom: 50px;
            text-align: center;
        }
        .wareSortBtn input {
            width: 200px;
            height: 36px;
            border: 1px solid #ed7f5a;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: #ed7f5a;
            color: #fff;
        }
        .wareSortBtn input:hover {
            border-color: #d95459;
            background-color: #d95459;
        }
        .wareSortBtn input:disabled {
        </style>
        <script type="text/javascript" src="//repo.........完整代码请登录后点击上方下载按钮下载查看