ul,li { margin:0; padding:0; } .J_slider { position:relative; margin:auto; } #J_prev,#J_next { position:absolute; z-index:2; top:50%; width:20px; height:40px; line-height:40px; outline:none; border:none; background:rgba(0,0,0,.15); margin-top:-20px; color:#fff; cursor:pointer; } #J_prev { left:-20px; } #J_next { right:-20px; } #J_prev:hover,#J_next:hover { background:rgba(0,0,0,.5); } .J_slider #J_wraper { overflow:hidden; width:100%; height:100%; position:relative; } #J_list { position:absolute; height:100% } #J_list .J_item { float:left; height:100%; } .J_slider #J_indicator { text-align:center; margin-top:10px; } .J_slider #J_indicator span { display:inline-block; width:10px; height:10px; border:2px solid #b9beba; border-radius:50%; box-sizing:border-box; margin:0 5px; } .J_slider #J_indicator span.active { background:#eb3436; border:none; }
更新时间:2019-10-12 01:28:35
配置项
banner.init({ autoplay:true, //是否开启自动轮播 slider_width:'350',//自定义banner宽度 slider_height:'400',//自定义banner高度 indicator:true//是否开启面板指示点 })