怎样用javascript做一个音乐播放器CD旋转的效果？

    
    
    
        .image {
            border-radius:50%;
            width:80px;
            height:80px;
            margin:100px auto;
            display:block;
            border:dotted solid #666;
            padding:5px;
        }
    


    

        
    


    
        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();
    

img标签的src改为你自己的图片路径。

本实例不支持ie11以下浏览器，请用谷歌或者火狐浏览器打开。

在网页上实现？