![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Jam2018
这个作者很懒,什么都没留下…
展开
-
video下autoplay不起作用 视频无法自动播放
由于浏览器会拦截自动播放声音的视频,加上muted属性就可以了 <video id="video" muted autoplay='true' loop src="./static/video/v1.mp4"></video>原创 2019-11-20 16:24:38 · 4129 阅读 · 0 评论 -
绘制canvas时图片跨域造成的Tainted canvases may not be exported.
给img标签加上允许跨域的属性<img crossorigin="anonymous" src="" alt="">原创 2019-09-24 12:16:55 · 690 阅读 · 2 评论 -
安卓微信端a标签跳转链接失效 跳转地址与当前地址相同时
微信端默认不会跳转,这时候加一个后缀就可以了生成一个三位随机数 var num = ''; for (var i = 0; i < 3; i++) { num += Math.floor(Math.random() * 10); } console.log(num); $('a').attr('href', 'https://balalal...原创 2019-09-23 17:24:31 · 333 阅读 · 0 评论 -
a 锚点跳转滑动效果
<a href="#my">我是跳转到div</a><div id="my"></div><script>$(function(){ //锚点跳转滑动效果 $('a[href*=#],area[href*=#]').click(function() { console.log(this.pat...转载 2019-08-05 15:18:35 · 1426 阅读 · 0 评论 -
解决谷歌浏览器禁止audio自动播放的问题
由于谷歌浏览器最新版本只允许静音的音频有用户行为发生时播放器没有被隐藏时候才能执行autoplay所以只能让播放器显示出来,给audio标签添加controls="controls"然后让高度为0style="height: 0" 只占一行的高度,但并不显示出来了这样autoplay就有作用了...原创 2019-07-23 12:42:43 · 27167 阅读 · 15 评论 -
移动端固定背景
content: ""; background: ; background-size: ; position: fixed; top: 0; left: 0; bottom: 0; right: 0; ...原创 2019-07-25 13:53:09 · 198 阅读 · 0 评论 -
移动端点击出现黑影
div { /*关键代码*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }原创 2019-07-09 15:40:26 · 248 阅读 · 0 评论 -
给没法修改样式的select和option居中
padding: 0 15%; text-align-last: center; max-width: 226px; min-width: 226px;原创 2019-06-26 16:25:56 · 657 阅读 · 0 评论 -
html禁止图片拖动打开新页面下载
<body ondragstart="window.event.returnValue=false;return false;" oncontextmenu="window.event.returnValue=false;return false;" onselectstart="event.returnValue=false;return false;">转载 2019-07-01 17:48:02 · 714 阅读 · 0 评论 -
点击发送验证码的倒计时
借鉴于https://blog.csdn.net/skye_95/article/details/81663957 var InterValObj; //timer变量,控制时间 var count = 60; //间隔函数,1秒执行 var curCount; //当前剩余秒数 //发送短信验证码 function sendMessage() { ...转载 2019-05-24 15:50:31 · 437 阅读 · 0 评论 -
第一天上班学到的
昨天是上班第一天页面搭建时候应该注意的几个点,和以前不知道的东西每个pc端页面都要考虑到不同页面大小时的情况 响应式布局手机端页面参照设计图制作时,参考的尺寸是比例,才能适应各种不同页面,图片宽度用vw,高度他会自己适应每个页面都要加一串防止页面缩放的代码 防止出现各类问题如这段 <meta name="viewport" content="width=device-widt...原创 2019-05-07 11:02:01 · 183 阅读 · 0 评论 -
移动端页面宽度100%时右侧留白边的问题
改好之后再退回去也出不来白边了,下次遇到再截图吧加了这句 <meta name="viewport" content="width=device-width,initial-scale=1.0" />白边就不见了,原因大概是 html 手机默认的100%宽度是980px。...原创 2019-04-29 21:58:39 · 8391 阅读 · 2 评论