自定义博客皮肤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 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关注的人

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