苏颜暄-CSDN博客

原创 ie6的兼容方法

虽然说微软已经停止对ie6的支持，但是在中国还是存在很大一部分使用ie6的用户，

2014-04-28 11:30:31 515

转载 HTML5解决跨域问题

由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。终于，HTML5提

2014-04-10 18:11:01 4496

作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定

2014-04-07 11:13:47 554

转载 offsetHeight, clientHeight与scrollHeight的区别

clientHeight大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为clientHeight = topPadding + bottomPadding+ height - scrollbar.height。

2014-03-04 09:22:17 623

原创用js实现tab菜单及下拉菜单

经常浏览网页的时候可以看到tab菜单，而实现这个效果的方法有很多种，这里主要跟大家分享一下用原生js实现tab菜单的方法。原生js实现tab菜单和下拉菜单都有两种方法，一种是普遍的for循环，一种是事件委托。下面会分别说一下两种方式。 tab菜单： html源码： css源码：

2014-02-13 15:32:06 2867

原创《SEO实战密码》——SEO网站结构优化

从seo角度看，优化网站结构要达到以下几个目的： 1、增强用户体验。 2、网站页面的收录。 3、规划好页面的权重分配。 4、内部链接锚文字的使用。

2013-08-07 22:13:11 2078

转载史上最全的浏览器 CSS & JS Hack 手册

浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！IE 选择器 Hack/

2013-07-24 17:55:05 414

原创 jQuery文档对象的操作

1、创建属性：在DOM规范中，属性节点比较特殊，用户无法通过node对象提供的方法遍历或者定位属性节点，必须使用element对象定义的特定方法来创建和访问属性节点。jQuery创建属性节点和创建文本节点类似。如创建一个h1元素及创建title属性和class属性为例： $(function(){ $('body').append("DOM文档对象模型"

2013-04-24 15:30:31 857

原创使用jQuery制作高级表单

1、启用或禁用表单元素：html代码：添加一条代码禁用上面的表单：$("#name-inout").attr("disabled",true);如果要启用表单，则把disabled属性设置成false即可2、突出显示表单当前项：html代码：CSS样式：.highlight{background:yellow;padding:5px;}jQuery代码：$('inpu

2013-04-23 15:42:19 760

原创用jQuery生成可交互的表格——维护表格、设置表格分页

为表格中的行添加悬停效果：在表格的使用中，我们可以为表格中的行添加悬停效果，让表格对用户的鼠标悬停动作做出反应以方便用户阅读。下面的例子中，当用户把鼠标放到表格中任意一行时，我们通过为当前行设置另一种背景色轻松的实现了这个效果。HTML代码如下：（1）、在document的ready事件处理函数中，为每个tr元素绑定hover事件。这个选择器的好处是它

2013-04-21 23:23:36 945

原创使用jQuery改进导航：菜单、标签及折叠选项

一、让页面上所有的链接都在新窗口打开。除此可以设置页面上所有连接的属性，让它们在新窗口打开之外，还可以对页面上的这些链接做别的事情。 1、给所有的链接添加一个新的类； 2、为所有链接添加内容与链接文本一致的title属性； 3、为所有链接分别添加一个rel属性； 4、删除所有链接

2013-04-20 00:28:07 1015

原创 jQuery的选择器及过滤器

基本过滤选择器： :even和 :odd ：匹配结果集中顺序为偶数（:even）或奇数（:odd）的元素。 :header：匹配标题元素等标签 :not ：不匹配后面选择器的元素 :eq(index)：匹配顺序号等于index的元素 :gt(index)：匹配顺序号大于index的元素

2013-04-16 16:53:18 678

原创 javascript数组的方法

1、concat（）：该方法将作为参数传递的元素拼接到一个已存在的数组，并返回拼接后的新数组。但它不会自动改变原来已经存在的数组，所以必须将结果赋给一个已存在的数组或新数组。示例：var names1= new Array(“Dan”,”Liz”,”Jody”);var names2= new Array(“Tom”,”Suzanne”);names1 =names1.concat(n

2013-04-13 20:03:41 784

原创与layout特性相关的IE解析bug和解决方法

如下面的代码： type="text/css"> #box { background:red; width:80px; height:80px; float:left; } #wrap { border:solid 1px blue;

2013-03-26 23:52:59 537

原创 CSS诊断样式表

当页面上的标记出了问题时，诊断样式表可以快速的给出视觉提示。在 http://meyerweb.com/eric/tools/css/diagnostics/diagnostic.css 可以看到一个诊断样式表的例子，还有一个类似的资源在. http://accessites.org/site/2006/07/big-red-angry-text/ 。诊断样式表的作用如下：例如

2013-03-21 23:12:20 555

原创常用CSS hack使用方法

1.@import在@import中使用URL来导入样式，标准的用法便是将URL中的值带上引号。例如：@import url（“newstyle.css”); 带引号的URL地址只能被IE5及以上浏览器、以及firefox所识别，而IE4及以下版本的浏览器不会解析newstyle.css 。@import的这种用法主要区别IE4。另一种用法如下：@import url（“non

2013-03-21 14:24:57 876

原创浮动bug的解决方法（续）——浮动间距问题

垂直间距问题浮动元素与块状元素之间间距为上下外边距之和。但是如果浮动元素在上面，块状元素在下面，由于浮动环绕关系将使得它们之间的间距变得很复杂。对于IE浏览器来说，不管上下位置如何，它们之间的间距仍然为上下外边距之和。而在其他版本浏览器中，由于在解析浮动环绕问题上的差异，它们之间的间距就变得很复杂。如下面的实例：在IE9中的显示效果为：在firefox中的显示效果为：

2013-03-20 23:13:52 2173

原创浮动bug的解决方法

解决浮动溢出的问题在浏览器中预览时，有时会发现所定义的背景色和边框线并没有显示出来，这是浮动溢出的问题。所谓浮动溢出就是当子元素被定义为浮动显示时，而父元素文档流动显示，则子元素会离开父元素的怀抱，如果父元素没有定义高度，则我们会认为为它定义的背景色和边框没有显示出来。解决的办法是：定义父元素也浮动显示，如给li所定义的背景色和边框线不显示时，将ul也浮动显示。当元素浮动显示时，它

2013-03-20 12:00:37 835

苏颜暄的专栏