在javascript中rotate的随机旋转问题

<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title>智能表单</title><stylet... <!DOCTYPE HTML>
<html lang="en-US">
<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()";
我想实现的是一个留言墙的简单功能。现在在便签旋转上卡住了。在javascript中rotate代入的角度无法是变量，代入deg和rad均无效果。只能是固定的数值比如 39deg 才能成功旋转。请问要怎么解决这个问题。代码长不知道怎么贴上来。初学html5. 展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

百度网友3c3af2d
2015-01-20 · TA获得超过292个赞

知道小有建树答主

回答量：196

采纳率：0%

帮助的人：167万

我也去答题访问个人页

关注

展开全部

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)"; //这样就是随机的了

更多追问追答

追问

就是无法直接带入这个随机数。rotate这里的参数除了写上固定值其他都无效。试过用字符串链接‘deg’ 也没用。

追答

怎么会？ 既然固定值有效 其他值也是有效的 

可能是你拼接字符串有问题吧  建议发个全图代码看看

本回答由提问者推荐

已赞过 已踩过<

评论收起

让猫飞一会儿
2015-01-20 · TA获得超过1119个赞

知道小有建树答主

回答量：540

采纳率：80%

帮助的人：272万

我也去答题访问个人页

关注

展开全部

写一个方法，每次赋予div.style.webkitTransform不同的值(递增或递减)

然后定时循环调用。
请把代码贴全。

更多追问追答

追问

我这里是因为rotate不接受变量做参数所以无法实现功能

追答

rotate是接收参数的
在W3C官方的标准里，通过transform属性使对象旋转的写法如下：
transform: rotate(40deg); /* 其中40是旋转的角度 */
	
		var i=0;
		setInterval(function(){
			i+=5;
			jQuery("#example").css("-webkit-transform"," rotate("+i+"deg)");
		},100);
	
以上测试通过

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在javascript中rotate的随机旋转问题

其他类似问题

为你推荐：