為什么不翻頁？求解答
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
? ? ? #my3dplace{
? ? ? ?-webkit-perspective:800px;
? ? ? ?-webkit-perspective-origin:50% 50%;
? ? ? ?overflow: hidden;/*創(chuàng)建3d場景*/
? ? ? }
? ? ? #pagegroup{
? ? ? ?width: 400px;
? ? ? ?height: 400px;
? ? ? ?margin: 0 auto;
? ? ? ?-webkit-transform-style:preserve-3d;/* -webkit-preserve-3d會顯示最后一張5 */
? ? ? ?position: relative;/*不懂*/
? ? ? }
? ? ? .page{
? ? ? ?width: 360px;
? ? ? ?height: 360px;
? ? ? ? ? ? padding: 20px;/*加padding后不亂碼*/
? ? ? ?background-color: black;
? ? ? ?color: white;/*前景色*/
? ? ? ?font-weight: bold;/*字體粗細 粗體*/
? ? ? ?font-size: 360px;/*字體大小*/
? ? ? ?line-height: 360px;/*行高*/
? ? ? ?text-align:center;
? ? ? ?position: absolute;
? ? ? ? ? ? }
? ? ? #page1{
? ? ? ?-webkit-transform-origin:bottom;/*設置旋轉中心沿x軸*/
? ? ? ?-webkit-transition:-webkit-transform is linear;
? ? ? ?
? ? ? }
? ? ? #page2, ?#page3, ?#page4, ?#page5,#page6{
? ? ? ? ? ?-webkit-transform-origin:bottom;
? ? ? ? ? ?-webkit-transition:-webkit-transform is linear;/*設置漸變樣式*/
? ? ? ? ? ?-webkit-transform:rotateX(90deg);
? ? ? }
? ? ? #op{
? ? ? ?text-align: center;
? ? ? ?margin: 40px auto;
? ? ??
</style>
<script type="text/javascript">
? ?var curIndex=1;
function next(){
if (curIndex==6)?
? ? ? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? return;
? ? ? ? ? ? ? ? ? ? ? ? }
?
var curpage=document.getElementById("page"+curIndex);
curpage.style.webkitTransform="rotateX(-90deg)";
curIndex++;
var nextpage=document.getElementById("page"+curIndex);
nextpage.style.webkitTransform="rotateX(0deg)"; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
}
function previous(){
}
</script>
</head>
<body>
<div id="my3dplace"><!-- /*搭建三維場景*/ -->
<div id="pagegroup"><!-- /*頁面組*/ -->
<div id="page1">1</div>
<div id="page2">2</div>
<div id="page3">3</div>
<div id="page4">4</div>
<div id="page5">5</div>
<div id="page6">6</div>
</div>
</div>
<div id="op">
<a href="javascript:next()">next</a>
<a href="javascript:previous()">previous</a>
</div>
</body>
</html>
2017-06-23
那里是1s ?你寫成了is; ?翻頁那個塊你沒有加.page那個class ?