2015年10月_elegancy_

转载数学之美

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 435

转载 html5动画基础 Demo（div运动）

html5动画基础 Demodiv{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**选择所有元素。2elementp选择所有元素

2015-10-21 10:31:22 215

web前端技术交流分享