老师我的左右切换按钮都在左侧
<!DOCTYPE html>
<html>
<head>
<title>幻灯片</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/common.css">
<style type="text/css">
.slider{
width: 728px;
height: 504px;
position: relative;
overflow: hidden;
}
.slider-indicator-wrap{
position: absolute;
bottom: 24px;
left: 50%;
margin-left: -36px;
}
.slider-indicator{
width: 8px;
height: 8px;
background: #313a43;
border-radius: 50%;
margin-right: 12px;
cursor: pointer;
}
.slider-indicator-active{
background: #f7f8f9;
border:2px solid #858b92;
position: relative;
top: -2px;
}
.slider-control{
position: absolute;
top: 50%;
margin-top: -31px;
width: 28px;
height: 62px;
line-height: 62px;
background: #000;
opacity: 0.8;
filter:alpha(opacity=80);
color: #fff;
font-size: 22px;
font-family: simsun;
text-align: center;
}
.slider-control-left{
left: 0;
}
.slider-control-right{
right: 0;
}
</style>
</head>
<body>
<div class="slider">
<div class="silder-container">
<div class="slider-item">
<a href="###" target="_blank"><img src="../img/focus-slider/1.png"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="../img/focus-slider/2.png"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="../img/focus-slider/3.png"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="../img/focus-slider/4.png"></a>
</div>
</div>
<ol class="slider-indicator-wrap">
<li class="slider-indicator slider-indicator-active text-hidden fl">1</li>
<li class="slider-indicator text-hidden fl">2</li>
<li class="slider-indicator text-hidden fl">3</li>
<li class="slider-indicator text-hidden fl">4</li>
</ol>
<a href="javascript:;" class="slider-control slide-control-left"><</a>
<a href="javascript:;" class="slider-control slide-control-right">></a>
</div>
<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="../js/slider.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
/*公共样式*/
.container{
width: 1200px;
margin: 0 auto;
}
a.link{
color: #4d555d;
}
a.link:hover{
color: #f01414 !important;
}
.transition{
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.text-ellipsis{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.text-hidden{
text-indent: -999999px;
overflow: hidden;
}
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1577327507151'); /* IE9 */
src: url('iconfont.eot?t=1577327507151#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1577327507151') format('woff'),
url('iconfont.ttf?t=1577327507151') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1577327507151#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-weibiaoti1:before {
content: "\e60b";
}
.icon-caipiao:before {
content: "\e611";
}
.icon-win:before {
content: "\e631";
}
.icon-zhongchou:before {
content: "\e634";
}
.icon-qq:before {
content: "\e66a";
}
.icon-fangdajing:before {
content: "\e617";
}
.icon-dabaitiao:before {
content: "\e659";
}
.icon-ai-app:before {
content: "\e622";
}
.icon-guoneijipiao:before {
content: "\e686";
}
.icon-shouye:before {
content: "\e606";
}
.icon-shouji:before {
content: "\e615";
}
.icon-xiala:before {
content: "\e616";
}
.icon-weixin:before {
content: "\e7b4";
}
.icon-huochepiaomianxing:before {
content: "\e8d8";
}
.icon-xiaoxi:before {
content: "\e67e";
}
.icon-ipad:before {
content: "\e609";
}
.icon-licai:before {
content: "\e6aa";
}
.icon-gouwucheweikong-copy:before {
content: "\e501";
}
.icon-youxi:before {
content: "\e6c6";
}
.icon-jiugongge:before {
content: "\e608";
}
.icon-huafei:before {
content: "\e727";
}
.icon-weibo:before {
content: "\e647";
}
.icon-CombinedShapex:before {
content: "\e602";
}
.icon-gouwuche:before {
content: "\e6f2";
}
.icon-Z:before {
content: "\e6b2";
}
.icon-guanbi:before {
content: "\e60a";
}
.icon-action-clapper:before {
content: "\e60c";
}
.icon-hebingxingzhuang:before {
content: "\e61c";
}
.icon-shuaxin:before {
content: "\e6cd";
}
.icon-shoucang:before {
content: "\e6ab";
}
.icon-changyongtubiao-xianxingdaochu-zhuanqu-:before {
content: "\e74c";
}
/*showHide*/
.fadeOut{
visibility: hidden !important;
opacity: 0 !important;
}
.slideUpDownCollapse{
height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.slideLeftRightCollapse{
width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/*dropdown*/
.dropdown{
position: relative;
}
.dropdown-toggle{
position: relative;
z-index: 2
}
.dropdown-arrow{
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.dropdown-layer{
z-index: 1;
display: none;
position: absolute;
}
.dropdown-left{
left: 0;
right: auto;
}
.dropdown-right{
right: 0;
left:auto;
}
.dropdown-loading{
width: 32px;
height: 32px;
background: url(../img/loading.gif)no-repeat;
margin: 20px;
}
.menu-active .dropdown-arrow{
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
/*menu dropdown*/
.menu .dropdown-toggle{
display: block;
height: 100%;
padding: 0 13px 0 12px;
border-left: 1px solid #f3f5f7;
border-right: 1px solid #f3f5f7;
}
.menu .dropdown-arrow{
margin-left: 5px;
}
.menu .dropdown-layer{
top: 43px;
background: #fff;
border:1px solid #cdd0d4;
}
.menu-item{
display: block;
height: 30px;
line-height: 30px;
padding: 0 12px;
color: #4d555d;
white-space: nowrap;
}
.menu-item:hover{
background: #f3f5f7;
}
.menu-active .dropdown-toggle{
background-color:#fff;
border-color: #cdd0d4;
}
/*search*/
.search{
position: relative;
border:1px solid #cfd2d5;
}
.search-inputbox{
width: 605px;
height: 40px;
line-height: 40px;
padding: 0 10px;
border:none;
background-color: #fff;
}
.search-btn{
width: 73px;
height: 40px;
line-height: 40px;
background-color:#07111b;
border:none;
font-size: 14px;
color: #fff;
text-align: center;
cursor: pointer;
}
.search-layer{
display: none;
position: absolute;
top: 100%;
left: -1px;
width: 100%;
background-color: #fff;
border:1px solid #cfd2d5;
}
.search-layer-item{
height: 24px;
line-height: 24px;
cursor: pointer;
padding: 0 10px;
}
.search-layer-item:hover{
background-color: #f3f5f7;
}
/*cart*/
.cart-name:after,.cart-logo,.cart-name,.cart-num,.cart-arrow{
color: #fff;
}
.cart{
margin-left:49px;
position: relative;
}
.cart-btn{
height: 14px;
width: 140px;
background-color: #f01414;
padding: 13px 0 15px 0;
cursor: pointer;
position: relative;
text-align: center;
}
.cart-name:after{
content: '|'!important;
margin: 0 10px;
font-size: 13px;
}
.cart-layer{
position: absolute;
top: 42px;
right: 0;
width:320px;
overflow-x:auto;
background: #fff;
}
.car-layer-item{
height: 20px;
width:80px;
background: #fff;
}
.cart-btn:hover{
background: #fff;
}
.cart:hover .cart-btn{
background: #fff;
}
.cart-active .cart-logo,
.cart-active .cart-name:after,
.cart-active .cart-name,
.cart-active .cart-num,
.cart-active .cart-arrow{
color: #f01414 ;
}
.cart-layer-title{
color:#07111b;
font-size: 12px;
height: 52px;
line-height: 52px;
padding-left: 24px;
}
.cart-layer-item,
.cart .item-total{
height: 64px;
width: 280px;
margin: 0 12px;
border-top: 1px solid #d9dde1;
}
.cart-layer-item img{
margin-top: 12px;
}
.cart .item-detail{
margin-left: 13px;
padding-top: 16px;
}
.cart .item-detail span{
display: block;
}
.cart-layer-item .item-close{
font-size: 20px;
}
.cart .dropdown-loading{
margin:30px 50px 40px 140px;
}
.cart .item-total{
line-height: 64px;
}
.cart .item-total .total-price{
margin-left: 15px;
}
.cart .item-total .gocartbtn{
height: 35px;
width: 80px;
background: #f01414;
line-height: 35px;
color: #fff;
text-align: center;
cursor: pointer;
margin-top: 15px;
border-radius: 3px;
}
/*category*/
.category{
width: 208px;
margin-top: -62px;
font-size: 14px;
position: relative;
}
.category .dropdown{
position: static;
}
.category-title{
display: block;
height: 54px;
line-height: 54px;
padding: 0 20px;
background: #c81414;
color: #fff;
}
.category-title .icon{
margin-right: 10px;
font-size: 16px;
}
.category-list{
height: 512px;
background: #f01414;
}
.category .dropdown-toggle{
height: 36px;
line-height: 36px;
padding-left: 16px;
color: #fff;
}
.category .dropdown-link{
color: #fff;
}
.category .dropdown-arrow{
position: absolute;
top: 12px;
right: 12px;
font-family: simsun;
font-weight: bold;
}
.category-active .dropdown-toggle{
background: #fff;
}
.category-active .dropdown-toggle,
.category-active .dropdown-link{
color: #f01414;
}
.category .dropdown-layer{
top: 54px;
left: 100%;
width: 744px;
min-height: 473px;
padding:8px 0 31px 0;
background:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.category-details{
width: 744px;
margin-top: 24px;
line-height: 20px;
}
.category-details-title{
width: 84px;
padding-right: 16px;
border-right: 1px solid #d9dde1;
text-align: right;
}
.category-details-title-link{
color: #07111b;
font-weight: bold;
}
.category-details-item{
width: 592px;
padding-left: 15px;
}
.category-details-item .link{
display: inline-block;
margin-right: 16px;
}
.category .dropdown-loading{
margin: 220px auto 0;
}
/*css reset*/
/*清除内外边距*/
body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/
ul, ol, li, dl, dt, dd, /*列表元素*/
form, fieldset, legend, input, button, select, textarea, /*表单元素*/
th, td, /*表格元素*/
pre {
padding: 0;
margin: 0;
}
/*重置默认样式*/
body, button, input, select, textarea {
/*font: 12px/1 微软雅黑, Tahoma, Helvetica, Arial, 宋体, sans-serif;*/
color: #333;
font: 12px/1 "Microsoft YaHei", Tahoma, Helvetica, Arial, SimSun, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
em, i {
font-style: normal;
}
a {
text-decoration: none;
}
li {
list-style-type: none;
vertical-align: top;
}
img {
border: none;
/*display: block;*/
vertical-align: top;
}
textarea {
overflow: auto;
resize: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
/*常用公共样式*/
.fl {
float: left;
display: inline;
}
.fr {
float: right;
display: inline;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星