亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

求代碼怎么寫，給我一份

這個的代碼有嗎？誰發一下

正在回答

1 回答

<!DOCTYPE html>

<html>

<head>

<meta charset="GB18030">

<title>translate滑竿實現</title>

<style>

#experiment{

? ? ?-webkit-perspective:800;

? ? ?-webkit-perspective-origin:50% 50%;

? ? ?-webkit-transform-style:-webkit-preserve-3d;

}

#block{

? ? ?width:200px;

? ? ?height:200px;

? ? ?background-color:pink;

? ? ?margin:0 auto;

? ? ?-webkit-transition:background-color 3s;

? ??

}

#block:hover{

? ? ?background-color:purple;

}



</style>

<script type="text/javascript">

? ?function rotate(){

? var x=document.getElementById("rotateX").value;

? var y=document.getElementById("rotateY").value;

? var z=document.getElementById("rotateZ").value;

? document.getElementById("block").style.webkitTransform="rotateX("+x+"deg) rotateY("+y+"deg) rotateZ("+z+"deg)";

??

? document.getElementById("degx-span").innerText=x;

? document.getElementById("degy-span").innerText=y;

? document.getElementById("degz-span").innerText=z;

? ?}

</script>

</head>

<body>

<div id="experiment">

? <div id="block"></div>

</div>

<center>

<div id="ksl">

? <p>rotate x:<span id="degx-span">0</span>deg</p>

? <input type="range" min="-360" max="360" id="rotateX" value="0" class="range-control" onmousemove="rotate()"/><br/>

? <p>rotate y:<span id="degy-span">0</span>deg</p>

? <input type="range" min="-360" max="360" id="rotateY" value="0" class="range-control" onmousemove="rotate()"/><br/>

? ? ? ?<p>rotate z:<span id="degz-span">0</span>deg</p>?

? ? ? ?<input type="range" min="-360" max="360" id="rotateZ" value="0" class="range-control" onmousemove="rotate()"/><br/>

</div>

</center>

</body>

</html>


2 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

求代碼怎么寫，給我一份

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號