2014年02月_hello刘海

原创 javascript阻止事件冒泡和浏览器的默认行为

1、阻止冒泡：cancelBubble:只要event事件做了兼容,ev.cancelBubble兼容所有浏览器;stopPropagation:不兼容IE6/7/8;obj.onclick = function(ev) {var ev = ev || event; // IE中event事件是内置的,即window.event; 标准:是都过事件函数的参数得到.ev

2014-02-26 16:46:56 934

转载 jquery live() 替换方法

在新版的jquery中，live()方法已经被删除了，所以我们在调用的时候会提示该函数不存在，js报错。解决方法是使用on()函数替换，原来的写法是：如果直接替换为on()方法，那么新生成的元素再次点击事件的时候不会有任何效果，新的语法是：这里涉及到一个问题，$("body")这里为什么是body，其实我们可以选择其他的距

2014-02-26 16:02:29 698

转载用CSS3的@media属性根据屏幕大小做自适应各种分辨率网页显示版本-media_query详解

如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。比如说我们熟悉的wordpress后台，当屏幕分辨率小于900px的时候，左边的侧栏就会变成收拢状态（@media only screen and (max-width:900px

2014-02-25 14:56:14 10593

转载手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

越来越多的网页开始针对手机浏览，自适应屏幕大小了，css的设置方法请参见前面的文章：用CSS3的@media属性根据屏幕大小做自适应各种分辨率网页显示版本-media_query详解，在这篇文章里面我们详细解读一下，html5属性里面 meta name=viewport 的最佳设置方式。首先：看看实例一.......解读：width=device-width

2014-02-25 14:34:29 2145

转载 CSS中expression使用简介

定义　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个

2014-02-21 18:07:03 508

转载 CSS Expressions有多可怕

CSS Expressions 俗称 CSS 表达式，避免使用 CSS Expressions 是前端开发的一个重要指南，为什么要避免使用 CSS Expressions 呢？我们看看雅虎YUI的说明：表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随

2014-02-21 18:00:59 729

转载深入认识javascript中eval函数的用法

先说明下本文的两个目的：（1）介绍javascript中的eval函数的用法（2）如何在函数内执行全局代码►先来说eval函数的用法，内容比较简单，熟悉的可以跳过。eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才

2014-02-21 17:04:05 853

转载 js生成百分比以及小数点后位数确定

js生成百分比以及小数点后位数确定：function Percentage(number1, number2) { return (Math.round(num / total * 10000) / 100.00 + "%"); 小数点后两位百分比 //return Math.round(num / total) * 100 + "%"; 整数百分比}

2014-02-20 13:30:46 1849

转载 CSS 中文字体的英文名称 (simhei, simsun) 宋体微软雅黑

华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium俪宋 Pro：LiSong Pro Light标楷体：BiauKai苹果俪中黑：Apple LiGothic Medium苹果俪细宋：Apple LiSung L

2014-02-19 14:30:24 2874

转载 HTML5 标签 hgroup 已经被废除

HTML5 增加了很多语义化的标签，hgroup 就是其中一个，它用来表明标题的集合。如果有主标题、副标题，可以使用这个来包裹一下，一般比较常见的就是网站的标题和网站描述：但是这样做并不是太必要，而且还有一些麻烦。一般来说，很难有单纯的 hn 标题标签集合在一起，通常还包含一些其他内容，但是使用 hgroup 包裹的内容，必须是 hn 标题标签，否则不会通过 HTML5 验证。又有

2014-02-18 11:24:32 1902

转载 IE下 z-index 的各种坑

z-index属性:　　1.z-index : auto | number2.z-index 属性设置元素的堆叠顺序，如果为正数，则离用户更近，为负数则表示离用户更远；拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；3.z-index 仅能在定位元素上奏效（position 属性值为 relative 或 absolute 或 fixed的对象）。 z-index

2014-02-14 09:51:35 859

转载 IE6下a标签无法点击bug----position和定义的宽度和高度

前几天在做一个网站的引导页面，因为都是用图片，所以按钮需要用空a标签来做，发现a标签在IE6与IE7中点击无效中点击不了，其他浏览器都正常。一开始以为是z-index的问题，但不论z-index设置多大依然还是无效。代码大致如下： a style="position:absolute; top:0; left:0; display:block; width:100px; heigh

2014-02-13 16:48:24 878

转载 outline:none || hidefocus="true" || onfocus="this.blur();"

hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。在IE下，需要在标签 a 的结构中加入 hidefocus

2014-02-13 14:54:29 1250

转载 IE6 a href onclick 执行顺序 && IE6下a标签发ajax请求的深坑

IE6 a href onclick 执行顺序第一篇百度的转摘：http://hi.baidu.com/daijun2007/blog/item/750259df953c071e62279868.html'javascript:void(0);' onclick='_gotoPage(url_go , 2, 10)' >")下一页IE6下上面的onclick事件不会被响应，换

2014-02-13 14:37:23 1870

和上帝躲猫猫