豆瓣绿

摘要： 结合setTimeout和clearTimeout，当页面停止滚动时，“返回顶部”按钮淡隐淡出。点击“返回顶部”页面以动画形式返回顶部。完美兼容ie6-11，firefox，chrome等。html代码如下：ToTopcss代码如下：html {_background: url(about: bla... 阅读全文

摘要： 首页banner的酷炫效果多来自全屏大图的幻灯片动画，下面提供一种完美兼容的jquery动画特效：全新jquery多点滑动幻灯片——全屏动画animateSlide（代码完全原创）。直接上代码，把html、css和jquery代码copy到页面上即可呈现完美画面。html代码如下： ... 阅读全文

摘要： 偶然间看到了以前做的一个简洁的div拖拽效果，修改了一下加点注释，经测试完美通过firefox/chrome/ie6-11，现拿来分享一下。先说一下实现原理及要点，最主要的有三步。第一步是mousedown事件，鼠标mousedown的时候记录此时的鼠标X轴和Y轴以及拖拽框的left和top，并且给... 阅读全文

摘要： 经常会遇到这样的页面布局：在一排显示几个不同的区域内容，但它们相对于页面是居中对齐的。注意这些区域内容不只是文字，也许还有图片或者其它元素混合而成。一般这样的布局我们很容易想到要用浮动float，但是怎么样居中对齐而又兼容低端浏览器哪？请接着往下看。首先看html代码： ... 阅读全文

摘要： placeholder是html5的一个属性，它提供可描述输入字段预期值的提示信息（hint）， 该提示会在输入字段为空时显示。高端浏览器支持此属性（ie10/11在获得焦点时文字消失），ie6/7/8/9则不支持。为了兼容各主流浏览器并使其呈现效果保持一致，以下三套方案仅供参考。方案一：摒弃原始属... 阅读全文