怎样用javascript做一个音乐播放器CD旋转的效果？
哪位大神给指点一下。。。。点击旋转，再点击停止，参考：http://www.fboat.net/music...
哪位大神给指点一下。。。。
点击旋转，再点击停止，参考：http://www.fboat.net/music 展开
点击旋转，再点击停止，参考：http://www.fboat.net/music 展开
2个回答
展开全部
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.image {
border-radius:50%;
width:80px;
height:80px;
margin:100px auto;
display:block;
border:dotted solid #666;
padding:5px;
}
</style>
</head>
<body>
<div>
<img src="1.png" id="img" class="image" onclick="timeout ? stopAnim() : startAnim()" />
</div>
<script type="text/javascript">
var timeout, rotate = 0;
function startAnim() {
timeout = setInterval(function () {
var img = document.getElementById("img");
var rotateStyle = "rotate(" + rotate + "deg)";
img.style.transform = rotateStyle;
img.style["-moz-transform"] = rotateStyle;
img.style["-webkit-transform"] = rotateStyle;
img.style["-o-transform"] = rotateStyle;
img.style["-ms-transform"] = rotateStyle;
rotate += 6;
if (rotate > 360) {
rotate = 0;
}
}, 30);
}
function stopAnim() {
clearInterval(timeout);
timeout = null;
}
startAnim();
</script>
</body>
</html>
img标签的src改为你自己的图片路径。
本实例不支持ie11以下浏览器，请用谷歌或者火狐浏览器打开。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在网页上实现？
更多追问追答
追问
是的
追答
你可以去shx.io找人写试试，那边现在还有程序员在答题。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
