自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

web前端技术交流分享

web前端技术交流分享

  • 博客(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 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除