- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 HTML5解决跨域问题
由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。 终于，HTML5提
2014-04-10 18:11:01
4565
转载 如何将页脚固定在页面底部
作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定
2014-04-07 11:13:47
652
转载 offsetHeight, clientHeight与scrollHeight的区别
clientHeight大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为clientHeight = topPadding + bottomPadding+ height - scrollbar.height。
2014-03-04 09:22:17
679
原创 用js实现tab菜单及下拉菜单
经常浏览网页的时候可以看到tab菜单，而实现这个效果的方法有很多种，这里主要跟大家分享一下用原生js实现tab菜单的方法。 原生js实现tab菜单和下拉菜单都有两种方法，一种是普遍的for循环，一种是事件委托。下面会分别说一下两种方式。 tab菜单： html源码： css源码：
2014-02-13 15:32:06
2967
原创 《SEO实战密码》——SEO网站结构优化
从seo角度看，优化网站结构要达到以下几个目的： 1、增强用户体验。 2、网站页面的收录。 3、规划好页面的权重分配。 4、内部链接锚文字的使用。
2013-08-07 22:13:11
2158
转载 史上最全的浏览器 CSS & JS Hack 手册
浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！IE 选择器 Hack/
2013-07-24 17:55:05
444
原创 jQuery文档对象的操作
1、创建属性：在DOM规范中，属性节点比较特殊，用户无法通过node对象提供的方法遍历或者定位属性节点，必须使用element对象定义的特定方法来创建和访问属性节点。jQuery创建属性节点和创建文本节点类似。如创建一个h1元素及创建title属性和class属性为例： $(function(){ $('body').append("DOM文档对象模型"
2013-04-24 15:30:31
888
原创 使用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
806
原创 用jQuery生成可交互的表格——维护表格、设置表格分页
为表格中的行添加悬停效果： 在表格的使用中，我们可以为表格中的行添加悬停效果，让表格对用户的鼠标悬停动作做出反应以方便用户阅读。下面的例子中，当用户把鼠标放到表格中任意一行时，我们通过为当前行设置另一种背景色轻松的实现了这个效果。HTML代码如下： （1）、在document的ready事件处理函数中，为每个tr元素绑定hover事件。这个选择器的好处是它
2013-04-21 23:23:36
1000
原创 使用jQuery改进导航：菜单、标签及折叠选项
一、让页面上所有的链接都在新窗口打开。 除此可以设置页面上所有连接的属性，让它们在新窗口打开之外，还可以对页面上的这些链接做别的事情。 1、给所有的链接添加一个新的类； 2、为所有链接添加内容与链接文本一致的title属性； 3、为所有链接分别添加一个rel属性； 4、删除所有链接
2013-04-20 00:28:07
1091
原创 jQuery的选择器及过滤器
基本过滤选择器： :even和 :odd ：匹配结果集中顺序为偶数（:even）或奇数（:odd）的元素。 :header：匹配标题元素等标签 :not ： 不匹配后面选择器的元素 :eq(index)：匹配顺序号等于index的元素 :gt(index)：匹配顺序号大于index的元素
2013-04-16 16:53:18
725
原创 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
825
原创 与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
575
原创 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
586
原创 常用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
918
原创 浮动bug的解决方法（续）——浮动间距问题
垂直间距问题浮动元素与块状元素之间间距为上下外边距之和。但是如果浮动元素在上面，块状元素在下面，由于浮动环绕关系将使得它们之间的间距变得很复杂。对于IE浏览器来说，不管上下位置如何，它们之间的间距仍然为上下外边距之和。而在其他版本浏览器中，由于在解析浮动环绕问题上的差异，它们之间的间距就变得很复杂。如下面的实例：在IE9中的显示效果为：在firefox中的显示效果为：
2013-03-20 23:13:52
2260
原创 浮动bug的解决方法
解决浮动溢出的问题 在浏览器中预览时，有时会发现所定义的背景色和边框线并没有显示出来，这是浮动溢出的问题。所谓浮动溢出就是当子元素被定义为浮动显示时，而父元素文档流动显示，则子元素会离开父元素的怀抱，如果父元素没有定义高度，则我们会认为为它定义的背景色和边框没有显示出来。解决的办法是：定义父元素也浮动显示，如给li所定义的背景色和边框线不显示时，将ul也浮动显示。当元素浮动显示时，它
2013-03-20 12:00:37
859
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人