iteye_4180的博客

position：static、relative、absolute、fixedstatic:没有定位，元素出现在正常的流中。position的缺省值，设置position：static的情况下，left、top、right、bottom无效。relative:生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。absol...

编码规范 by @mdo

推荐文章链接地址：http://www.ibm.com/developerworks/cn/web/1307_chengfu_serversentevent/

如果你已经了解了CSS盒模型在兼容性上的差异以及如何处理IE浏览器的问题，那就请飘过——这里要谈的没任何新的东西。如果你对为什么IE和其他浏览器会显示出不同大小的盒子一无所知，那就继续阅读吧。CSS盒模型图解下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。在本篇文章中，所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的，所以我们将更多的精力放在padd...

javascript中top、clientTop、scrollTop、offsetTop的讲解            12.11.04：内容全部都是转自网上看到的，有两篇，还未整理，图片是我自己加上颜色的，比刚开始的好识别了很多。  scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位...

text-overflow:ellipsis 显示省略符号来代表被修剪的文本浏览器支持性：所有主流浏览器都支持（chrome、ie、firefox、safari、opera）注意：下面这些css属性要一起使用（text-overflow适用块级元素）    overflow: hidden;    text-overflow:ellipsis;    white-space:...

移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。2.Gecko:( FireFox )优点...

简单来说，展示型网站用 jQuery，数据操作（CRUD）较多的用 Angular.js等前端MVC框架。展示型网站（如个人博客、公司主页、App 插入页面等）需要 JS 的地方一般是单个点（如下拉菜单、slider、按钮相应等），实现的功能一般是事件响应（如点击、鼠标滑过、触摸或手势等）、DOM 操作（如改变按钮的文本、改变 div 的 CSS 属性等）等局部操作。这些操作更加关注 DOM...

如何让IE7，8支持CSS3圆角的方法 如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。       本文我们主要是讲解如果用CSS 3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析，只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持C...

原文来自：http://www.cnblogs.com/andiki/articles/1399720.html一、定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串，含有 URI 或其他要编码的文本。返回值URIstring 的副本，其中的...

跨域请求-JSONP原理：通过不受访问限制<script>标签发送请求。下面做了一个例子，以供参考：前端代码：<script type="text/javascript"> //测试jsonpfunction handleResponse(data){ Util.log(data); } var scr...

第一步：使用font-face声明字体@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.w...

弹出窗口居中应用场景：弹出式登录、弹出式视频播放假设：width:500px;height:500px以下设置即可实现剧中效果：position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;...

第一种：设置body｛padding-top:导航栏的高度｝，然后直接设置导航栏position:fixed即可（实现简单）。第二种（看别人的实现方式）：采用双导航栏，一个绝对定位，一个固定定位。并将绝对定位的导航栏的z-index属性值设置的比固定定位的导航栏的大。例如：绝对定位：position:absolute;z-index:2;top:0px;固定定位：positio...

1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text='pxx']").attr("selected",true);这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。3、获取当前选中...