2019 年 4月 25 日随笔档案 - justSmile2

摘要： html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS3制作3D图片立方体旋转特效</title> <link rel="stylesheet" href="3d.css"> </head> <body> <div c 阅读全文

posted @ 2019-04-25 14:01 justSmile2 阅读(211) 评论(0) 推荐(0)

canvas 经典播放器图标

摘要：画按钮您的浏览器不支持Canvas，请升级浏览器！阅读全文

posted @ 2019-04-25 11:29 justSmile2 阅读(377) 评论(0) 推荐(0)

canvas 模拟时钟

摘要： <meta charset="utf-8"> <canvas width="1000" height="1000" id="clockCanvas" style="border:1px solid red;"> 您的浏览器版本太低，不支持显示时钟的canvas标签 </canvas> <script 阅读全文

posted @ 2019-04-25 11:26 justSmile2 阅读(216) 评论(0) 推荐(0)

canvas 水波纹

摘要：水波背景阅读全文

posted @ 2019-04-25 11:24 justSmile2 阅读(253) 评论(0) 推荐(0)

js 简版双色球取号

摘要： <style type="text/css"> span{ display: block; float: left; width: 50px; height: 50px; border: 1px solid red; background-color: #000; } div{ width: 520 阅读全文

posted @ 2019-04-25 11:18 justSmile2 阅读(147) 评论(0) 推荐(0)

css3 向上淡入小图标翻转 360度旋转

摘要：代码 <!DOCTYPE HTML> <html> <style type="text/css"> div { border: 1px solid red; } /*向上淡入*/ .wrap { width: 800px; height: 200px; position: relative; } . 阅读全文

posted @ 2019-04-25 11:15 justSmile2 阅读(972) 评论(0) 推荐(0)

html css js 细节

摘要：细节1 1.Chrome中文界面下会将小于12px的字体默认显示为12px，解决方法：在CSS中加入-webkit-text-size-adjust:none; 2.link可以加载除CSS以外的其他文档，@import只能加载CSS 3.IE下，可以使用普通方法获取自定义属性，也可以使用getAt 阅读全文

posted @ 2019-04-25 10:56 justSmile2 阅读(127) 评论(0) 推荐(0)

css js 兼容问题

摘要： js 兼容问题 1. document.form.item 问题问题：代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"] 2. 集合类对象问题阅读全文

posted @ 2019-04-25 10:37 justSmile2 阅读(389) 评论(0) 推荐(0)

canvas

摘要： 1.常用 api 1.旋转中心点设置 ctx.rotate(20*Math.PI/180); 以画布（0,0） ctx.rotate(20*Math.PI/180,50,20); 以画布（50,20） 2.相对定位原点 translate() 方法重新映射画布上的 (0,0) 位置 3.画圆 con 阅读全文

posted @ 2019-04-25 10:20 justSmile2 阅读(146) 评论(0) 推荐(0)

justSmile2

惜时如金