摘要：
1.基于CSS3的文字斑马行效果 body{ font-size:1em; line-height:2em;} div.content{ background: linear-gradient(#ccf2fa 50%, #ffffff 50%); background-size: 100% 4em; 阅读全文
摘要：
一、其实事情的发展就像切水果 如果我们把元素的类名操作比作“切水果”游戏的话，其中一个单独的类名就好比“水果”或“炸弹”！ DOM Level 2时代，类名的获取与设置，多半使用className属性，className的生效近似切水果的“一刀切”。在web的初期，交互什么的其实很简单的来；就像切水 阅读全文
摘要：
我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用Js来实现一个倒计时效果，具体代码： 阅读全文
摘要：
元素垂直居中，在网页中经常用到，现在总结几种常用的方案。 1.元素宽高固定居中 <div class=“test”> 测试文字 </div> .test{width:500px;height:500px;position:fixed;left:50%;top:50%;margin-left:-250 阅读全文
摘要：
我们浏览页面上加载有大尺寸图片时，由于图片体积也比较大，我们会看到浏览器加载图片的时候会从上到下逐步显示图片，直到图片完整呈现在页面上，这样图片从空白区域到完全加载的过程显得比较突兀，用户体验比较差。 查看演示 下载源码 我们使用的解决办法是先加载一张很小的缩略图，它可能只有1K左右，并且按所需尺寸 阅读全文
摘要：
在页面的DOM树创建完成后（也就是HTML解析第一步完成）即触发，而无需等待其他资源的加载，即DomReady实现策略： 1.支持DomConentLoaded事件的，就使用DomConentLoaded事件。 2.不支持的，就用Diego perint发现的著名hack兼容，兼容原理大概就是通过I 阅读全文
摘要：
先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独 阅读全文
摘要：
在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、剪贴和粘贴这些操作，处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案：结合HTML5标准事件 oninput 阅读全文
摘要：
<style>ul,li{list-style: none;} #nav{height:42px; border:1px solid #d3d3d3; background:#f7f7f7;border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,.2) 阅读全文
摘要：
你是否好奇标识浏览器身份的User-Agent，为什么每个浏览器都有Mozilla字样？Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.94 Safari/537. 阅读全文