Html
    Css
    Js

    
                        
* {
	margin:0px;
	padding:0px;
	max-width:375px;
	height:812px;
}
.paging {
	display:none;
	max-width:375px;
	height:812px;
	background:#ffc;
}
.left {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:100%;
}
.moveleft {
	background:-webkit-linear-gradient(left,#fff,#e2e2e4,#fff);
	border-right:1px solid #ddd;
	border-image:-webkit-linear-gradient(#e2e2e2,#646467,#bfbcbc) 20 20;
	max-width:150px;
	box-shadow:5px 0px 19px #7d7d7d
}
.right {
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:100%;
}
.moveright {
	background:-webkit-linear-gradient(left,#fff,#e2e2e4,#fff);
	border-left:1px solid #ddd;
	border-image:-webkit-linear-gradient(#e2e2e2,#646467,#bfbcbc) 20 20;
	max-width:150px;
	box-shadow:5px 0px 19px #7d7d7d
}

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

简单移动端翻书页2019

1