播放功能
2016-07-21 15:56
369 查看
@-webkit-keyframes rotate { 0%, 100% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { 0%, 100% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { 0%, 100% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes rotate { 0%, 100% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @keyframes rotate { 0%, 100% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#play_btn.playing{
-moz-animation: rotate 4s linear infinite; -webkit-animation: rotate 4s linear infinite; -o-animation: rotate 4s linear infinite; -ms-animation: rotate 4s linear infinite; animation: rotate 4s linear infinite; }
var audio = document.createElement("audio"); document.body.appendChild(audio); var playing = 1;
$(function(){
audio.src = "{$images[1].body}"; audio.load(); audio.play(); $('#play_btn').click(function(){ if(playing ==1){ $('#play_btn').removeClass('playing'); audio.pause(); playing = 0; }else { $('#play_btn').addClass('playing'); audio.play(); playing = 1; } })
})
相关文章推荐
- django model field
- git 创建,删除 branch 和 tag
- 分离式编译的概念
- [libevent]gettime()
- 二叉树
- 1084. Broken Keyboard (20)
- maven pom文件详解
- 开源博客兼CMS系统LBLOG在线体验站上线
- 内部类
- 算法工作中使用的
- 使用pinyin4j汉字转pinyin
- 11gR2RAC剔除节点
- Qt之坐标系统
- 钉钉开发系列(七)媒体文件的上传与下载
- 编程能力提高------- 一维数组总结
- Linux下Oracle配置开机自启动
- C语言实现Matlab自带的滤波filter()函数
- Lebron James Industrial [Video] New Nike 'Rise' Advertisement Gets 500K Views
- C/C++中函数传参方式简述
- gluster分布式存储总结与实践