文章分类 -  html5

摘要:html5手机端播放音效不卡的方法线下载http://wxserver.knowway.cn/solosea/js/audioEngine.js 这个是性能不错 然后直接播放音效就可以了 audioEngine.playEffect('/solosea1/music/laidian.mp3', fa 阅读全文
posted @ 2019-11-12 15:33 newmiracle宇宙 阅读(118) 评论(0) 推荐(0) 编辑
摘要:文字和图片发光的简单demo阴影叠加下就好 <pre><!DOCTYPE html><html><head><style>h1{ color:#FFF; text-shadow: 0 0 5px #fff,0 0 5px #fff }.fwe{ color:#FFF; box-shadow: 0 0 阅读全文
posted @ 2019-11-12 14:48 newmiracle宇宙 阅读(65) 评论(0) 推荐(0) 编辑
摘要:<img />就算他不设置地址 在手机上 他默认是黑色背景的 所以 display:none才是真正不显示 阅读全文
posted @ 2019-11-12 14:47 newmiracle宇宙 阅读(120) 评论(0) 推荐(0) 编辑
摘要:CSS3 flex垂直居中 水平居中终极解决方案(史上最简单的写法)//align-items: center; 垂直居中// justify-content:center; 水平居中<pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti 阅读全文
posted @ 2019-11-12 14:27 newmiracle宇宙 阅读(926) 评论(0) 推荐(0) 编辑
摘要:pinchzoom插件模拟微信客户端点击图片放大(支持触摸滑动放到缩小) 代码如下 <pre><!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,in 阅读全文
posted @ 2019-11-12 14:26 newmiracle宇宙 阅读(1910) 评论(0) 推荐(0) 编辑
摘要:HTML5 audio脚本控制播放的方法 <audio id="musicright" src="/music/sdd.mp3" preload=""></audio> //第一种方法 document.getElementById("musicright").play(); //第二种方法 $(" 阅读全文
posted @ 2019-11-12 12:55 newmiracle宇宙 阅读(320) 评论(0) 推荐(0) 编辑
摘要:jquery判断css3动画是否完成的方法 //添加css3动画 <pre> $('.p1title01, .p1title02').addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd o 阅读全文
posted @ 2019-11-12 12:13 newmiracle宇宙 阅读(577) 评论(0) 推荐(0) 编辑
摘要:video标签播放视频 移动端不能自动播放 必须点击后才能播放 html5 video播放完切换画面方案方法一<pre><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src 阅读全文
posted @ 2019-11-12 12:11 newmiracle宇宙 阅读(2081) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示