酱兔子

摘要： .css{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100px;}css3语法 text-overflow:clip|ellipsisclip：不显示省略标记（...），而是简单的裁切。ellipsis：当对象内文本溢出时显示省略标记（...）。需配合overflow:hidden;white-space:nowrap;使用，目前唯独firefox不支持，Opera11已经支持。转载请注明出处：http://www.cnblogs.com/lecaf/如有任何建议或疑问，欢迎留言讨论。如果觉得文章不错的话，欢 阅读全文

摘要： 我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置，无论如何滚动滚动条，位置不变，就例如经常看到的弹出广告。方法一般是使用js控制，或者使用css。这里我写的是css的控制方法。在IE7以上版本及firefox、opera、safari里，都支持css属性"position:fixed"，它的作用就是将元素相对于窗口固定位置。代码如下#ads{position:fixed;right:0;bottom:0;border:1pxsolidred;width:300px;height:250px;}我们定义一个#ads的id样式，并给他设了高度宽度，通过position 阅读全文

摘要： 又是一个IE莫名其妙的bug：做了一个弹出层，层里面是一张透明图片，IE下的iframe默认会有一个白色的背景，所以当iframe的外围背景并不是白色的时候，这个iframe就会显得非常的“与众不同”。这个背景是iframe本身的，不是iframe内的html元素的，所以，只对iframe进行相关设置就能去掉这个背景。iframe有一个并不常用的属性：allowTransparency，意思是是否允许透明——蛋疼的是IE下好像默认是false，很多大网站的iframe上也没有加上这一条，所以这讨厌的白色背景经常会看到。现在对iframe如下设置：（观影团这个用过，比较管事）现在允许透明了，那是 阅读全文

摘要： 如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前端性能优化的最佳实践，只需要一分钟，就可以优化你现有的代码。目 录最佳实践1：使用DocumentFragments或innerHTML取代复杂的元素注入最佳实践2：高频执行事件/方法的防抖最佳实践3：网络存储的静态缓存和非必要 阅读全文

摘要： 目录1.jQuery formValidator是什么？2.jQuery formValidator能做什么，不能做什么？3.什么情况下，我应该使用jQuery formValidator？4.快速开始5.使用jQuery formValidator必须加载的文件6.jQuery formValidator插件的API帮助7.其他补遗1. jQuery formValidator表单验证插件是什么？ [top]jQuery formValidator表单验证插件是客户端表单验证插件。 在做B/S开发的时候，我们经常涉及到很多表单验证，例如新用户注册，填写个人资料，录入一些常规数据等等。在这之前 阅读全文

摘要： 浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 （Enclosing float or Clearing float）？很多人都已经习惯称之为清除浮动，以前我也一直这么叫着，但是确切地来说是不准确的。我们应该用严谨的态度来对待代码，也能更好地帮助我们理解开头的三个问题。1 阅读全文

摘要： 现在切出来的很多设计图都是PNG的，而PNG透明的图在IE6下会出现灰底的现象，这会让人很头疼，看了W3cfuns提出的8中解决方案（链接），挺好的，但是稍微分析了下，比较完美的是下面的2种方法。解决IE6png的方法主要有滤镜、纯CSS、原生js、jQuery或者引入插件等方 法。但是以上方法的缺点很明显，要么是不支持IMG标签的，或不支持background，不支持CSS Sprite，不支持hover的种种问题。而且有的写法也很麻烦，导致代码很复杂，然后我觉得以下两种方法是不错的。一、引入DD_belatedPNG.js文件使用方法：下载该文件（下面给出代码，DD_belatedPNG） 阅读全文

摘要： 首先，在网页代码的头部，加入一行viewport元标签。<metaname="viewport"content="width=device-width,initial-scale=1"/> viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 阅读全文

摘要： 整理自：STICK YOUR LANDINGS! POSITION: STICKY LANDS IN WEBKIT中文原文：position:sticky介绍请尊重版权，转载请注明来源，多谢～～用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如，侧边栏的部分区域。position:sticky为此而生。position:sticky用法position:sticky是一个新的css3属性，它的表现类似position:relative和posit 阅读全文

摘要： 好久没写CSS了，练练手，刚看了下在以前公司做过的一个网站，现在已经改版，里面有个模块涉及到用CSS画三角形，试着做了一下，分享出来。你可以通过这个链接下载源文件：用CSS画三角形为方便下载，提供本人网盘帐号密码，请不要弄乱里面的页面，以方便其它人下载，谢谢。帐号：287019674@qq.com密码：123456下面是对实现原理的分析：1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。<div class="triangle"></div>2、把它的宽高设置为height:0px; width 阅读全文