Html
    Css
    Js

    
                        
#center {
	LEFT:50%;
	POSITION:absolute;
	TOP:50%
}
#DHTMLBOOK {
	BACKGROUND:#000;
	LEFT:-210px;
	VISIBILITY:hidden;
	WIDTH:420px;
	POSITION:relative;
	TOP:-160px;
	HEIGHT:320px
}
#TXTBOX {
	FONT-SIZE:0.8em;
	WIDTH:410px;
	COLOR:#aba193;
	FONT-FAMILY:verdana;
	POSITION:absolute;
	TOP:320px;
	TEXT-ALIGN:center
}
.page {
	OVERFLOW:hidden;
	BORDER-LEFT:#000000 1px solid;
	WIDTH:50%;
	CURSOR:pointer;
	POSITION:absolute;
	HEIGHT:100%
}
.right {
	BORDER-RIGHT:#000000 1px solid;
	LEFT:50%
}
.turn {
	BACKGROUND:#000000
}
.img {
	WIDTH:200%;
	POSITION:absolute;
	HEIGHT:100%
}

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

JS实现翻书效果

0