CSS3幸运大转盘最简单的写法

点击开始 直接css动画 如果你要自己控制转到哪里 那就多写几个class 根据不同角度 运行不同的class。。

.zhuandong{
    animation: zhuandong 5s ease-in-out forwards;
    -webkit-animation: zhuandong 5s ease-in-out forwards;
}







@-webkit-keyframes zhuandong {
    0% {
    }

    100% {
        -webkit-transform:rotate(1123deg);


    }
}

@keyframes zhuandong {
    0% {
    }

    100% {
        transform:rotate(1123deg);
    }
}

html5流体线 视频做法

html5流体线 视频做法

结合settimeout写 切记 一开始settimeout逻辑不要写在$(function(){}) 因为网速不同 这个什么时候加载是不一样的

注意 写成一个个函数 这样以后想看哪个想过可以直接运行函数看到效果 不用从头看了 修改起来也方便 看起来也直观 每个方法都要写注释注释
function aa(){
}

html5手机端播放音效不卡的方法

html5手机端播放音效不卡的方法
线下载http://wxserver.knowway.cn/solosea/js/audioEngine.js 这个是性能不错

然后直接播放音效就可以了
audioEngine.playEffect(‘/solosea1/music/laidian.mp3’, false);

如果切换不了 可以先stop 然后再play
audioEngine.stopEffect(‘/hcfabuhui/music/2.mp3’);

如果延迟 是其他代码性能影响了 预加载也没用

还有个更好的方法用creatjs里面的音乐框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{
            width:750px;
            height:750px;
            background: #000;
        }
    </style>
</head>
<body>
<script type="text/javascript" src="/liuanchewei/js/createjs.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js"></script>

<script>
    $(function () {
        createjs.Sound.registerSound( {src:"/liuanchewei/audio/type.mp3", id:"tap"} );
    })
    $('body').on('click',function () {
        createjs.Sound.play("tap");
    })
</script>
</body>
</html>

ps:刚进入页面 因为要注册 所以要等一会再按就不会延迟了