- 博客(10)
- 收藏
- 关注
转载 数学之美
mathematic is so beautifull! html {overflow:hidden} body, .screen {background:#000; overflow:hidden; width:100%; height:100%; position:absolute; margin:0; padding:0} #screen {left:0; top:0; zoom:1}
2015-10-23 10:43:14 348
转载 html5动画基础(canvas,太阳系)
window.onload = function(){ //获取canvas元素,并获取2d绘图环境 var cxt=document.getElementById('canvas').getContext('2d'); //轨道 function drawTrack(){ for(var i=0;i<8;i++){ cxt.beginPath(); cxt.arc(500
2015-10-23 10:30:46 691
转载 html5动画基础(canvas,太阳)
window.onload = function(){ //获取canvas元素 var canvas=document.getElementById('canvas'); //获取2d绘图环境 var cxt=canvas.getContext('2d'); //声明一个时间参数(1:1天) var time=0; function draw(){ //清除画布(清除之前内容)
2015-10-23 10:28:04 1425 1
转载 html5动画基础(canvas,闹钟)
#clock{background:#abcdef} 当前浏览器不支持canvas标签 var canvas=document.getElementById('clock'); //获取ID var cxt=canvas.getContext('2d'); function drawClock(){ cxt.clearRect(0,0,500,500); //清除画布
2015-10-23 10:23:14 1790
转载 多列式布局(报纸)
CSS3多列式布局 #div1{-webkit-columns:auto 3;} #div1 h1{text-align:center;-webkit-column-span:all;} #div2{-webkit-columns:200px 3;} #div3{-webkit-column-width:100px; -webkit-column-count:5; -we
2015-10-23 10:20:12 411
转载 弹性伸缩布局
响应式布局 p{width:150px;border:solid 1px #ccc;background:silver;padding:10px;margin:10px;} div{width:100%; display:-webkit-inline-box; /*-webkit-box-orient:vertical;*/ /*-webkit-box-direction:rev
2015-10-23 10:18:12 551
转载 css3做的迷宫
css3实现的迷宫游戏 *{margin:0px;padding:0px;} body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;} .tips{padding:15px;line-height:24px;} #outer {width:330px; height:330px; position:rel
2015-10-23 10:13:36 436
转载 html5动画基础 Demo(div运动)
html5动画基础 Demo div{width:100px;height:100px;background:#f00;position:absolute; -webkit-animation:my 3s infinite;} @-webkit-keyframes my { 0% {background:red; left:0px; top:0px;} 25% {background:y
2015-10-23 10:09:00 619
转载 犀牛书上的js贷款计算器(已经过调试)
JavaScript Loan Calculator .output{font-weight:bold;} #payment{text-decoration:underline;} #graph{border:solid black 1px;} th,td{vertical-align:center;}
2015-10-23 09:54:54 670
转载 css 选择器
选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 元素
2015-10-21 10:31:22 215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人