摘要: Zepto.js设计之初专为移动端,不对一些古董浏览器支持。所以,尺寸很小,压缩后20K多一点,但是,jQuery压缩后,3.*版本要80多K,1.*版本则要90多K,4倍差距。 由于每个页面都会使用,网站如果访问量大的话,省的流量费还是有那么一点点的。 从个人角度讲,使用最精简的资源。 原文链接: 阅读全文
posted @ 2016-07-22 15:14 后知后觉1206 阅读(272) 评论(0) 推荐(0) 编辑
摘要: <input type="checkbox" id="new_check" onChange="noUse()" checked> <input type="button" class="new_login_btn2" id="new_login"> <script>var new1=documen 阅读全文
posted @ 2016-07-21 17:21 后知后觉1206 阅读(557) 评论(0) 推荐(0) 编辑
摘要: type为text或password的input,其在实际应用时,往往有一个占位符,类似这样的: 在没有html5前,一般写成value,用js实现交互,文本框获得焦点时,提示文字消失,失去焦点时,文字又出现,这样体验很好,而且也不用在文本框前面放上功能字样的文字了,节省空间。贴一段jquery代码 阅读全文
posted @ 2016-07-21 16:35 后知后觉1206 阅读(6005) 评论(0) 推荐(0) 编辑
摘要: 很常见的一种导航的hover效果,鼠标放上后除了正常的hover,在移出整个导航后,会恢复当前栏目的特殊样式,分别有横向和纵向的导航。代码也比较简单,设置一个当前栏目的class,用index()找到当前的位置,再用animate把hover效果的“滑动块”移动到相应位置。这里需注意animate中 阅读全文
posted @ 2016-07-21 16:07 后知后觉1206 阅读(533) 评论(0) 推荐(0) 编辑
摘要: 今天遇到一个很好用的滚动延迟加载的插件,作者是我的偶象大神张鑫旭,其博客为http://www.zhangxinxu.com/。 以前也写过这种效果,用的是lazyload,不过只能实现图片的加载。而​scrollLoading可以实现任意内容的滚动延迟加载,这就是其最妙的地方。 插件背景和原理神马 阅读全文
posted @ 2016-07-21 16:01 后知后觉1206 阅读(2768) 评论(0) 推荐(0) 编辑
摘要: 文章转载自dowebok http://www.dowebok.com/ 原文链接:http://www.dowebok.com/77.html 简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 阅读全文
posted @ 2016-07-21 15:55 后知后觉1206 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 自己工作中常用的reset,和一些设置,实际用时会根据网站页面进行增删。 /* Common style */html{ overflow-y:scroll; overflow-x:auto;}body,h1,h2,h3,h4,h5,h6,p,form{ margin:0;}body{ font:1 阅读全文
posted @ 2016-07-21 15:42 后知后觉1206 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 文章转载自 科e互联 http://www.internetke.com/ 原文链接:http://www.internetke.com/effects/css3/2015/0120/1222.html 效果截图: 效果预览:http://www.internetke.com/jsEffects/2 阅读全文
posted @ 2016-05-26 16:11 后知后觉1206 阅读(428) 评论(0) 推荐(0) 编辑
摘要: QuaggaJS是条形码扫描器完全用JavaScript编写,支持实时对各类条码进行定位和解码,如EAN和CODE128。该库还能够使用getUserMedia获得直接访问用户的摄像头流。为了充分利用quaggaJS,浏览器需要支持getUserMedia API,它已经在最新的Firefox,Ch 阅读全文
posted @ 2016-05-26 15:58 后知后觉1206 阅读(1829) 评论(0) 推荐(0) 编辑
摘要: iPhone safari浏览器中,input按钮会按苹果的默认UI来渲染,例如,写的按钮明明是这个样的: 但是实际就会是这个样子: 怎么办呢? 为按钮添加:-webkit-appearance: none; 即可解决! 阅读全文
posted @ 2016-05-26 15:53 后知后觉1206 阅读(468) 评论(0) 推荐(0) 编辑