<style type="text/css"> #contain{ -webkit-perspective:800; -webkit-perspective-origin:50% 50%; -webkit-transform-style:perserve-3d; } #block{ width:300px; height:300px; background-color:#000000; color:#FFFFFF; margin:0 auto; text-align:center; font-size:300px; font-weight:bold; -webkit-transition:-webkit-transform 2s linear; } #pages{ text-align:center; }</style><script type="text/javascript"> function nextPage(){ document.getElementById("block").style.webkitTransform="rotateX(360deg)"; document.getElementById("block").innerHTML-= (-1); } function prayPage(){ document.getElementById("block").style.webkitTransform="rotateX(360deg)"; document.getElementById("block").innerHTML -= 1; }</script></head><body><div id="contian"> <div id="block">1</div><br /> <div id="pages"> <a href="javascript:nextPage()">next</a> <a href="javascript:prayPage()">pray</a> </div></div></body>
1 回答
- 1 回答
- 0 关注
- 2868 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消