摘要：
20140110更新： 提示插件 20140107更新：最近工作的项目中，需要这样的功能，最初写了函数，满足不了需求，so。。。封装成了插件，考虑到几种情况，传递给一个元素，弹窗会出现在这个元素的位置。可以设置字体大小、颜色什么的。。最初文字大小、结束文字大小，动画完成时间等等。。 点击弹出 +1放大效果 -- jQuery插件 点击我其实很简单，就文字不断的增大的同时，透明度慢慢减小。。。。+1在写这个效果的时候，遇到一个问题，我最初是这样写的:+1这样很容易就实现我需要的效果，但是考虑的程序中，可能不是每次都是 +1， 也可能是+10... 阅读全文
摘要：
CSS选择符由一些初始化参数组成，这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师，应该避免编写一些常见的开销很大的CSS选择符模式，尽量编写高效的CSS选择符，从而加快页面的渲染速度，缩短页面呈现时间。我们先来看一下safari和webkit的架构师David Hyatt的两段话：样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边还有其他选择符，样式系统就会继续向左移动，直到找到和规则匹配的元素，或者因为不匹配而退出。如果你非常在意页面的性能那千万别使用CSS3选择器。实际上，在所有浏览器中，用 class 和 id 来渲染，比那些使用同胞，后代选择 阅读全文
摘要：
这个是文字 阅读全文
摘要：
找了好多，没几个好用的，都或多或少有问题目前这个最好用。。 不过有一个奇葩的问题，就是要放在""标签里面， js或者jQuery获取 $("#list a").click() 就可以了。。。$("#list a").click(function(){ var oBtn = "@ "+ $(this).find(".name").text() +""; $("#oEditor").focus(); insertHtmlAtCaret(oBtn); });Di 阅读全文
摘要：
添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。insertAdjacentHTML方法：在指定的地方插入html标签语句原型：insertAdajcentHTML(swhere,stext)参数：swhere: 指定插入html标签语句的地方，有四种值可用：1. beforeBegin: 插入到标签开始前2. afterBegin:插入到标签开始标记之后3. beforeEnd:插入到标签结束标记前4. af 阅读全文
摘要：
之前项目中遇到纯色的半透明背景，都是这么干： 这里是内容 但是，最近项目中，遇到高度不是固定的，这种方法就不行了。我也想过用Png24图片实现半透明效果，但是要用到图片，而且还有狗日的ie6兼容问题，虽然也可以解决，但是麻烦。那有木有更好的方法呢？？答案是肯定的，不然我写这篇文章干嘛。 就不告诉你这里是内容。我们得到的效果是这样的，IE9 的透明度竟然有 60%!! 这显然不是我们想法的。原因是：IE9 也支持 filter，使得 filter 的结果和 background-color 叠加，所以是 60%。解决方法必须有的：.box{filter:progid:DXIma... 阅读全文
摘要：
分享 CSS布局的未来 大家都知道，css有着奇妙的特性，然而让人失望的是，css对基本页面布局上的支持有所欠缺。但是这种情况正在得到改变，更多的动态页面正是由css所支持的，正如peter gasston所说的。 在这里，我能够保证在数年之后，css3必定能够引领潮流。一揽子的前端工具正在应运而生，方便为我们带来rounded corners圆角，gradients渐变，opacity透明度，transformations，transitions，animations，甚至更多效果。但是现在我们都有了fun stuff，eye candy，还有需要什么呢？ 下一个我们... 阅读全文
摘要：
js实现滑动的弹性导航 首页 前端规范 社区 微笔记 教程 网页制作 设计动态 技术文档 瀑布流 移动页面 阅读全文
摘要：
JavaScript登陆弹窗，可拖拽 用户登录 账户： 密码： 阅读全文
摘要：
上周面试前端开发时候，遇到这样的笔试题目，三列布局，中间内容优先加载，左右两边的div宽度都是200px。我首先想到的是方法是：父级div相对定位，中间的div左右边距都是210px；左右两边的div都绝对定位，分别位于左右两边。在纸上写完，我当时觉得没啥问题啊，但是面试我的考官却对这样布局能否实现效果表示怀疑,当然他也不确定，可能他用的是其他方法。我回家后，试了一下，确实没问题啊。。解决问题的方法又不是只有一个。。<!doctype html><html><head><meta charset="utf-8"><tit 阅读全文
摘要：
特别声明：此篇文章由Jekst根据Denise Jacobs的英文文章原名《CSS Architectures: New Best Practices》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.sitepoint.com/css-architectures-new-best-practices以及作者相关信息——作者：Denise Jacobs——译者：Jekst大家都已意识到了，在过去的几年里，前端开发领域取得了很大的进展，一些新的思想已经实践出新的方法来解决由来已久的问题。本文介绍了前端编程一些 阅读全文
摘要：
jQuery很棒，但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理，为什么要使用如此复杂并且臃肿的类库呢？对于手机或者移动客户端来说，这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度，仍旧还是需要时间的。最具性感的jQuery特性 - 浏览器的兼容性，对于手机来说，也太重量级。为什么需要你的应用支持那些进入博物馆的浏览器呢？ 要知道我们只需要在iOS和Android系统上使用啊！开发问题这里有更多等待解决的问题。 jQuery的动画处理方式是间隔方式修改一个元素的CSS样式属性。这在大多数的桌面浏览器中处理没有问题， 阅读全文
摘要：
IE浏览器中用了滤镜来解决html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}chrome下-webkit-filter: grayscale(100%);IE+火狐+chromehtml { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(d 阅读全文
摘要：
今天遇到一个问题，在IE浏览器下，使用label FOR radio后，label中的图片无法选中。例如，这样的代码 <input type="radio" name="radio" id="a" /><label for="a"><img src="/Labs/images/logo.gif" /></label> ，这种情况下，点击label的图片将无法选中radio选项。解决这个问题，目前可以有三种方法，分别是通过JS、CSS或者HTML代码 阅读全文
摘要：
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">* { margin:0; padding:0; }#nav { width:100%; height:40px; line-height:40px; font-size:14px; background-color:#333; text-align:center; position:fix 阅读全文