- 博客(9)
- 收藏
- 关注
转载 canvas时钟
<canvas id='canvas' width='500' height='500'></canvas> <script> (function(){ var canvas=document.getElementById('canvas'); var context=canvas.getContext('2...
2018-04-19 22:58:00 63
转载 双飞翼布局
由玉伯前辈提出,淘宝团队最开始运用,如果把三栏布局比作一只大鸟,可以把main看成是鸟的身体,left和right则是鸟的翅膀。这个布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方.实现关键在于margin-left:-100%<!DOCTYPE html><html><head><met...
2017-10-31 11:55:00 105
转载 纯CSS选项卡
纯CSS实现,使用input的checked伪类加上兄弟选择器进行控制,这个checked相当于用js加上的active之类的类点击可切换选项 香水摆件香水风口香水/膏香膏摆件香水风口香水/膏香膏 饰品/用品摆/挂件钥匙扣/包抱/头枕安全带扣纸巾包遮阳板卡包安全带扣纸巾包遮阳板卡包遮阳板卡...
2017-10-31 11:50:00 133
转载 function和Function
导语Function作为Javascript的核心技术之一,清晰的理解function的机制和用法,对我们进行javascript开发非常重要。你有想过function是什么吗?ECMAScript 的函数实际上是功能完整的对象。其中function是javascript中Function作为Javascript的核心技术之一,清晰的理解function的机制和...
2017-10-24 14:51:00 426
转载 JavaScript 变量声明
JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。声明方式一:使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。该方式即为显式声明详细如下:<script> var test = 5;//全局变量 function a(){ var a...
2017-10-19 15:49:00 117
转载 日期联动
var year=document.getElementById('year');var month=document.getElementById('month');var date=document.getElementById('date');//获取日期function getDaysOfMonth(year,month){ var helpDa...
2017-10-12 15:39:00 215
转载 时钟
var oHour=document.querySelector('.hour');var oMintue=document.querySelector('.mintue');var oSecond=document.querySelector('.second');var date=new Date();hour=date.getHours();mintue=d...
2017-10-12 15:35:00 68
转载 放大镜效果
js代码var smallWrap=document.getElementById('smallWrap');var swWidth=smallWrap.clientWidth;var swHeight=smallWrap.clientHeight;var bigWrap=document.getElementById('bigWrap');var ratio...
2017-10-09 17:07:00 72
转载 图片滑动效果
<!doctype html><html><head> <meta charset='utf-8'> <title>test</title><style>*{margin:0;padding:0;}#div1{ margin: 20px; o...
2017-10-09 17:02:00 143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人