事件绑定分为两种:一种是传统事件绑定(内联模型、脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定的基础上为我们提供了更强大更方便的功能。
传统事件绑定的问题
因为内联模型很少用,这里不做讨论。先来看一下脚本模型,将一个函数赋值给一个事件处理函数。
var box=document.getElementById('box');
bo...
分类:
编程语言 时间:
2015-07-04 08:30:22
阅读次数:
200
先定义两变量 移上去的定时器 和 移开的定时器var overTimer, outTime; $('.box').hover(function(){ overTimer?clearTimeout(overTimer):''; outT...
分类:
其他好文 时间:
2015-07-03 19:00:56
阅读次数:
150
/*滚动条整体部分 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 12px; } /* 滚动条的轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow...
分类:
Web程序 时间:
2015-07-03 15:32:00
阅读次数:
155
一、bootstrap样式在Bootstrap v3.3.4中有下面一条重置样式:* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:befo...
分类:
其他好文 时间:
2015-07-02 15:25:57
阅读次数:
120
Vagrant简介 作为程序员,可能需要同时开发多个项目,使用多种编程语言,需要使用各种操作系统,如果将很多东西放在同一个电脑上,肯定会被各种配置环境搞晕。一个比较好的办法就是每个项目都有一个干净的开发环境,虚拟机的一个主要用处就在于此,虚拟机可以给每一个项目配置一个虚拟机,从而让各个开发环境互相....
分类:
系统相关 时间:
2015-07-02 13:51:00
阅读次数:
162
jquery:$("#button").click(function(event){ $("#box").show(); event.stopPropagation();//阻止冒泡});$("body").click(function(){ $("#box").hide();...
分类:
其他好文 时间:
2015-07-02 11:55:16
阅读次数:
142
box-sizing值描述content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通...
分类:
Web程序 时间:
2015-07-01 23:35:01
阅读次数:
237
1.JVM概念JVM是java Virtual Machine的简称。也称为Java虚拟机。虚拟机:通过软件模拟具有完整硬件功能的运行在一个完全隔离环境的完整计算机系统。VMWare、Visual Box、JVMVMWare、Visual Box 都是模拟物理CPU的指令集。而JVM是软件模拟Jav...
分类:
其他好文 时间:
2015-07-01 13:49:58
阅读次数:
165
第一种: 第二种: li {line-height: // 整个屏的高度vertical-align:middle; }li img{ vertical-align:middle;}第三种:li{ display:-webkit-box;-webkit-box-pack:center;-we...
分类:
其他好文 时间:
2015-07-01 11:59:43
阅读次数:
101
box-sizing 有4种方式border-box 用来减去padding内边框和边框 前提是设置好固定宽高content-box 在宽和高之外内边距和边框 其实基本上和原来一样inherit 继承上级节点的box-sizing的属性设置initial 初始化默认设置b/i strong/em的区...
分类:
Web程序 时间:
2015-07-01 08:39:18
阅读次数:
143