andybruse

转载 解决IE6下position:fixed失效的方法

E6浏览器不支持position:fixed，IE7/8/9、Firefox和chrome等浏览器都支持Fixed定位。如何解决这个问题呢？ 方法一： 针对ie6写hack，其他的浏览器仍然用position:fixed属性。 使用position:absolute绝对定位来解决。构造一个滚动条，这个滚动条是包含该文档内容的滚动条（它可以是body，也可以是某个div）。position:

原创 IE6 PNG 图片问题分析

背景：作为web前端的程序员都知道，许多需要使用png图片，但是目前仍然占据大部分市场的IE6却有着png图片背景不能透明的bug，下面分析一下： 目录： 一、可解决的方法 1. css滤镜 2. 老JavaScript方法 3. jQuery实现 4. flash实现 二、产生的问题 1. 响应单击事件 2. 图片大小控制 3. 背景图片的定位 三、相应的解决方

原创 重新解释i++和++i

几乎在所有的高级编程语言当中都存在自增自减这个操作，都知道“j= i++”的意思是先把i的值先付j，然后i自增，++i则是先自增后赋值，但是在更深层的程序里的运行模式却不是我们所想的那样。下面来探讨一下这个经典的用法在if(){}else{}条件判断语句中的运行机制： 1.作为单独语句存在时 int i = 0; if(i++){code}里面的code会执行么？no! 因为编译器会先执行

转载 JavaScript世界的一等公民 - 函数（三）

三、JavaScript函数妖怪级 欢迎来到妖怪级函数授课区，在这里会交给你如何淡定自如地面对老怪。。。 3.1 Function类 在JavaScript运行时中有一个内建的类叫做Function，用function关键字声明一个函数其实是创建Function类对象的一种简写形式，所有的函数都拥有Function类所有的方法，例如call、apply、bind等等，可以通过instance

转载 JavaScript世界的一等公民 - 函数（二）

二、JavaScript函数进阶 2.1 匿名函数和嵌套函数 在JavaScript可以声明一个没有名称的函数，称为匿名函数（Anonymouse Function）。同时JavaScript还允许在函数内部声明函数，称为嵌套函数（Nested Function），嵌套函数的作用域为整个父函数。 在前面函数声明的部分就看到了匿名函数和嵌套函数的一种用法，由于匿名函数没有名称，不会引入新的变量

转载 JavaScript世界的一等公民 - 函数（一）

简介 在很多传统语言（C/C++/Java/C#等）中，函数都是作为一个二等公民存在，你只能用语言的关键字声明一个函数然后调用它，如果需要把函数作为参数传给另一个函数，或是赋值给一个本地变量，又或是作为返回值，就需要通过函数指针(function pointer)、代理(delegate)等特殊的方式周折一番。 而在JavaScript世界中函数却是一等公民，它不仅拥有一切传统函数的使用方式（

转载 javascript函数声明区别

JavaScript函数像一般语言一样也是遵循先声明后使用的原则，函数名只能包含字母、数字、下划线或$，且不能以数字开头。函数常见的声明方式有以下两种： // 直接声明函数myfunc function myfunc(/* arguments */) { } // 把匿名函数赋值给本地变量myfunc var myfunc = function(/* arguments */) { }

原创 行内元素和块状元素一览表

块状元素： address：地址blockquote： 块引用center ：居中对齐块dir：目录列表div：常用块级容易，也是CSS layout的主要标签dl：定义列表fieldset：form控制组form：交互表单h1：大标题h2： 副标题h3：3级标题h4：4级标题h5：5级标题h6：6级标题hr：水平分隔线isindex：input promptmenu：菜单列表nofra

转载 解决IE7和IE8的BUG方法

微软在IE8提供三种解析页面的模式： 1、IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定 2、IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在中加入 3、Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明 注意：不同模式间的网页在IE8中可以互相 frame ，因此因

转载 JavaScript基本教程之JavaScript语言的基础

在什么地方插入 JavaScript? 　　JavaScript 可以出现在 HTML 的任意地方。使用标记…，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在之前插入也不成问题。不过如果要在声明框架的网页（框架网页）中插入，就一定要在之前插入，否则不会运行。 基本格式 <!-- ... (JavaScript代码) ... //--> 第二行和第四行的作用，

转载 怎么获取网页高度、屏幕高度、滚动高度？

有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高。 在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度, 就要用document.document

转载 JS屏蔽右键菜单和禁止刷新F5

在某些特殊网页上面，我们不想让用户刷新或者点出右键菜单来，要达到这个功能需要添加一定的javascript代码才能做到，思路：判断用户点击的是哪个按键keycode，从而屏蔽这些按键的功能。但是IE和FF中的event不一样，要经过浏览器判断，包括e.keycode，FF中用的是e.which,经过这些分析后，就能完成禁止某些按钮功能的作用，下面是实例代码： //禁止按键F5 document

转载 自适应网页-Responsive Web Design

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页?       手机的屏幕比较小，宽度通常在600像素以下;PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是1366×768)，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容

原创 jquery部分方法

offset([coordinates]) 概述：获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。 比如，获取第二段的偏移： HTML 代码: Hello2nd ParagraphjQuery 代码: var p = $("p:last"); var offset = p.offset(); p.html( "l

原创 DOM HTMLElement

网页可见区域宽:document.body.clientWidth;  网页可见区域高:document.body.clientHeight;  网页可见区域宽:document.body.offsetWidth(包括边线和滚动条的宽);  网页可见区域高:document.body.offsetHeight(包括边线的宽);  网页正文全文宽:document.body.scrollWi

原创 css expression辅助在IE6下实现划线效果

先来看一下要实现的效果 css布局思路是在正常的li元素中放置一个正常的a标签，另一个是只放置背景的span标签，两者叠加可以产生出想要的效果。 这个效果的关键在于span标签的高度要自动适应，因为可能出现多行文字的情况，而IE6下并不支持height:100%的css用法，目前在本人看开只能用js控制了，但是如果只是为这个小元素写js的话可能会感觉负担太多，当然这是开玩笑的了。如果用到c

原创 js中的setTimeout和setInterval

在最近做的一个叫入职帮帮 项目中，需要大量的及节点增删操作，稳定性和效果都在要求当中。在快要收尾的时候遇到一个问题，一个节点slideUp()之后实际上并没有删除，必须remove()，但是为了保持效果，采取了先隐藏在删除的做法，这里面就需要用到了setTimeout()这个方法，现在来总结一下js中setTimeout和setInterval这两个看似比较容易混淆的方法。 首先讲的是setTi

原创 重温正则表达式（一）

正则表达式的定义？ 无论是网页编程还是其他编程，都无可避免的要处理字符串，但是有的复杂字符串并不适合用所用语言去处理，比如说注册的时候限定输入格式，web前后端交互的时候处理提交 的数据，在某些情况下，字符串的处理至关重要，但是人们又不想使用复杂的语法去实现这个功能，而强大的正则表达式提供了一个很好的解决方法，这可能和windows或者linux操作性体统中的查找有点类似。 正则表达式常见用法

原创 关于HTML5中渐变的问题，跪求各位大侠指导

for (var i = 0; i     color = 'rgb(' + hue[i][0] + ', ' + hue[i][1] + ', ' + hue[i][2] + ')';     gradient.addColorStop(i * 1/6, color);   }有六种颜色，线性渐变，不知道这个循环是什么怎么工作的

原创 后续------春节用html5写的祝福，现在灯笼和字体都可以旋转了，感觉很好

原创 新年用html5写的，还请大虾们多多指教，另外祝大家春节快乐！