<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>智能表單</title><style type="text/css">*{margin:0;padding:0;}#wall{ //設置墻紙width:900px;height:600px;border:1px solid black;position:relative;}.page{ //設置留言便簽font-size:11px;width:150px;height:150px;position:absolute;background-color:yellow;box-shadow:5px 5px 8px #ccc;transform:rotate(18deg);}.page p{padding:10px;}.page span{text-size:4px;line-height:15px;width:18px;height:18px;text-align:center;position:absolute;top:5px;right:5px;border-radius:9px;background-color:white;}.page h3{font-size:12px;font-weight:normal;position:absolute;bottom:0px;right:3px;}.page span:hover{cursor:pointer;box-shadow:0 0 5px black;}</style></head>在javascript中有var deg = Math.round(Math.random()*70);var rad = deg *Math.PI/180;div.style.webkitTransform = "rotate()";我想實現的是一個留言墻的簡單功能?，F在在便簽旋轉上卡住了。在javascript中rotate代入的角度無法是變量，代入deg和rad均無效果。只能是固定的數值比如 39deg 才能成功旋轉。請問要怎么解決這個問題。
2 回答
呼喚遠方
TA貢獻1856條經驗 獲得超11個贊
var deg = Math.round(Math.random()*70);
var rad = deg * 180 / Math.PI;
div.style.webkitTransform = "rotate("+rad+"deg)"; 試試這樣 你設置還是沒錯的 就是角度轉弧度公式好像錯了
角度=弧度*180/Math.PI;
弧度=角度/180*Math.PI;
其實完全可以取一個隨機數帶入給角度就行了
var deg = Math.round(Math.random()*70);
div.style.webkitTransform = "rotate("+deg +"deg)"; //這樣就是隨機的了
- 2 回答
- 0 關注
- 158 瀏覽
添加回答
舉報
0/150
提交
取消