摘要：
Demo下载 效果如图：css： * { padding: 0; margin: 0; } html { overflow-x: hidden; } .box { overflow: hidden; height: 365px; width: 100%; position: rela... 阅读全文
摘要：
Dome下载 效果如图：css： #clip { width: 306px; zoom: 1; } #clip:after { content: ""; display: block; height: 0; clear: both; } #clip li { float: left; w... 阅读全文
摘要：
input表单单选美化Demo下载 效果如图：css：.choose, .choose ul { display: inline-block; *display: inline; *zoom: 1; color: #b2b2b2; font-size: 14px; vertical-al... 阅读全文
摘要：
ie6对hover支持不完善，所以不兼容，最好在火狐或谷歌等标准浏览器中观看。Demo下载效果如图：css： #demo { width: 306px; height: 204px; padding: 3px; border: 1px solid #e5e5e5; margin: 100p... 阅读全文
摘要：
原始图片：效果如图：css： .box { width: 150px; padding: 3px; border: 1px solid #e5e5e5; } .img { width: 150px; height: 200px; position: relative; backgrou... 阅读全文
摘要：
鼠标移上去，元素位置移动，显示隐藏功能效果。（推荐在火狐或谷歌中观看，会有有动画效果）效果如图：css： .box { width: 200px; height: 300px; position: relative; margin: 200px auto 0 auto; } .box:hov... 阅读全文
摘要：
适当调整即可变为图片放大镜效果，或者鼠标移上去显示隐藏内容(ie6对hover支持不够完善，推荐在火狐或谷歌中观看)。效果如图：css： .demo { width: 318px; margin: 100px auto 0 auto; } .demo:after { content: ""; ... 阅读全文
摘要：
jQuery提示插件，默认css样式使用了css3属性，所以最好在火狐或谷歌等标准浏览器下浏览。可自定义提示框结构及样式。 下载 可设参数： "addID": "", //追加ID，方便自定义控制 "addClass": "", //追加class，方便自定义控制 "dom": "", //自定义d... 阅读全文
摘要：
以前Firefox有个插件，可以把设计稿载入进去，设置成半透明，然后这样布局有所参照，可以尽可能完美的还原页面，甚至精确到像素。但 是随着FF的不断升级，那个插件很久没有更新，已经不能用了。当然我们也有其他方法实现，此神功威力强大，但是内力消耗也甚大，慎用，慎用。对眼神功上篇html:after,b... 阅读全文
摘要：
效果如图：javascript：// 页面加载完成后运行window.onload = function () { // 定时器，每隔一段时间刷新剩余时间 var _run = setInterval(timeAuto,200); // 点击按钮重新计算剩余时间 document.getElem... 阅读全文