PROMULGATOR

    旺仔小小胖

    上海市鹏博士
    Html
    Css
    Js

    
                        
*{
			margin: 0; padding:0; border: 0;list-style: none;
		}

		.box{
			width: 600px; height: 300px;
			margin: 0 auto;
			margin-top:20px; 
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
		}

		.nei{
			width: 10000px;
			height: 300px;
			
			position: absolute;
			top: 0;
			left: 0;

		}
		.nei li{
			float: left;
			width:600px;
			height:300px;
			color:#fff;
			font-family:"微软雅黑";
			font-size:40px;
			text-align:center;
			line-height:300px;
		}

		.qingchu{
			clear: both;
		}

		.jiao{
				width: 160px;
				height: 20px;
				position: absolute;
				left: 50%;
				bottom: 20px;
				margin-left: -80px;
		}
		.jiao li{
			width: 20px;
			height: 20px;
			background-color: green;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			border-radius: 50%;
			cursor: pointer;
		}

		.left{
			width: 50px; height: 100px;
			background-color: rgba(0,0,0,0.3);
			position: absolute;
			bottom: 50%;
			left: 20px;
			margin-bottom:-50px;
			color: #fff;
			font-weight: 500;
			font-size: 80px;
			line-height: 100px;
			text-align: center; 
			cursor: pointer;
		}

		.right{
			width: 50px; height: 100px;
			background-color: rgba(0,0,0,0.3);
			position: absolute;
			bottom: 50%;
			right: 20px;
			margin-bottom:-50px; 
			color: #fff;
			font-weight: 500;
			font-size: 80px;
			line-height: 100px;
			text-align: center; 
			cursor: pointer;
		}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

JS焦点轮播(原创)

1
      Abner??0
      2018/3/4 17:36:19