JavaScript Knowledge summary------Handwritten JQ Carousel Diagram Plugin (2018-04-23-17:16)

<! DOCTYPE html>{padding:0; Margin:0;            } #box {width:1200px;        Margin:auto; }        . Carfigure_container ul {List-Style:none; }        .            Carfigure_container {position:relative; Width:100%; }        .            carfigure_outer {position:relative; Width:100%;        Overflow:hidden; }        .            Carfigure_cont {position:relative;            Overflow:hidden; Left:0; Transition:all0. 5s ease; }        . Carfigure_cont Li {float: Left; Box-sizing:border-box; }        . Carfigure_cont li img {width:100%; }        . carfigure_pagation {width:100%;            Position:absolute; Bottom:-40px; Text-Align:center; }        . carfigure_pagation_item.active {background:red!important; }        . Carfigure_pagation. Carfigure_pagation_item {display:inline-Block;            width:10px;            height:10px;            Background:cadetblue; Margin:010px; Border-radius:100%;        Cursor:pointer; }        . Carfigure_button. Carfigure_button_left,. Carfigure_button.            carfigure_button_right {position:absolute;            width:40px;            height:40px; Line-height:40px; Background: #000000; Border-radius:100%;            Overflow:hidden; Top:0; Bottom:0;            Margin:auto;            Color: #ffffff; Text-Align:center; Font-size:25px;        Cursor:pointer; }        . Carfigure_button_left {left:-40px; }        . Carfigure_button_right {right:-40px; }    </style>    $(function (){       varMycarfigure =NewCarfigure ('. Carfigure_container '); Mycarfigure.init ({space:20, Size:1       }); });</script>
Plugin Address: Https://files.cnblogs.com/files/iwzyuan/jquery.CarFigure.js
JavaScript Knowledge summary------Handwritten JQ Carousel Diagram Plugin (2018-04-23-17:16)