文章分类 -  好用插件

摘要:【卡法 常用js库】: js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度 阅读全文
posted @ 2015-04-17 11:38 Shimily 阅读(157) 评论(0) 推荐(0)
摘要:js简易倒计时,好用。 阅读全文
posted @ 2015-04-10 09:06 Shimily 阅读(2244) 评论(0) 推荐(0)
摘要:无标题文档 天 时 分 秒 提示:地址栏里要包含需要倒计时的时间: ?EndTime=2015/4/9 17:57:30 阅读全文
posted @ 2015-04-09 17:57 Shimily 阅读(1455) 评论(0) 推荐(0)
摘要:http://bigui4.sinaapp.com/autocomplete/demo.html$(function(){ $("#tt").bigAutocomplete({data:[{title:"book"}, {t... 阅读全文
posted @ 2015-04-02 13:12 Shimily 阅读(1273) 评论(0) 推荐(0)
摘要:http://blog.vudiy.com/667.html点击与click事件对于a标记的点击导航,默认是在onclick事件中处理的。而移动客户端对onclick的响应相比PC浏览器有着明显的几百毫秒延迟。在移动浏览器中对触摸事件的响应顺序应当是:JavaScriptontouchstart -... 阅读全文
posted @ 2015-03-25 11:15 Shimily 阅读(199) 评论(0) 推荐(0)
摘要:.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(4px); /* Chrome, Opera */ -moz-filter: blur(4px)... 阅读全文
posted @ 2015-03-24 11:47 Shimily 阅读(415) 评论(0) 推荐(0)
摘要:方法一:给img所在的div进行设置: display:table-cell; text-align:center; vertical-align:middle;然后给图片本身设置:vertical-align:middle;相对文字居中 Document 你好啊你好啊显... 阅读全文
posted @ 2015-03-05 16:30 Shimily 阅读(1127) 评论(0) 推荐(0)
摘要:html5 离线缓存 测试案例链接:http://i.cnblogs.com/Files.aspx html5通过application cache API提供离线存储功能,前提是需要访问的web页面至少被在线访问过一次 一、离线本地存储和传统的浏览器缓存区别 浏览器缓存主要包含两类: 缓存协商:L 阅读全文
posted @ 2015-02-03 17:03 Shimily 阅读(962) 评论(0) 推荐(0)
摘要:一、关于animate.css在介绍主人公之前,先说说他的亲戚。有个叫“蛋一灯(Dan Eden)”的人弄了个名叫animate.css的开源项目,实际上就是使用CSS3 animation实现了各种蛋疼或菊紧的动画效果。官方主页地址:http://daneden.me/animategithub地... 阅读全文
posted @ 2015-01-28 16:30 Shimily 阅读(296) 评论(0) 推荐(0)
摘要:ScrollMagic ScrollMagic 是一款jQuery插件,它让你可以像使用进度条一样使用滚动条。如果你想在特定的滚动位置开始一个动画,并且让动画同步滚动条的动作,或者把元素粘在一个特定的滚动位置,那么这款插件正是你需要的。在线演示 立即下载https://github.com/ja... 阅读全文
posted @ 2014-12-21 23:37 Shimily 阅读(917) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/lhb25/p/page-scrolling-effects-plugins.html这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换... 阅读全文
posted @ 2014-12-21 23:27 Shimily 阅读(708) 评论(0) 推荐(0)
摘要:http://leaverou.github.io/animatable/http://www.cnblogs.com/shimily/articles/4063226.htmlhttp://daneden.github.io/animate.css/https://github.com/daned... 阅读全文
posted @ 2014-12-12 11:19 Shimily 阅读(315) 评论(0) 推荐(0)
摘要:处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:1234 touchstart://手指放到屏幕上的时候触发 touchmove://手指在屏幕上移动的时候触发 touchend://手指从屏幕上拿起的时候触发 touchcancel://系统取消touch事件... 阅读全文
posted @ 2014-12-04 11:09 Shimily 阅读(426) 评论(0) 推荐(0)
摘要:前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则一、在元素的class属性中添加需要验证的规则,多个规则以空格隔开邮箱:requ... 阅读全文
posted @ 2014-08-28 09:38 Shimily 阅读(325) 评论(0) 推荐(0)
摘要:首页经常是需要一个焦点图切换的效果,最近做的项目也正好需要,所以在网上搜索,后面查到了一个半成品的插件,这里我自己修改了一下。js文件夹下面有两个文件夹jquery.jslide.js与jquery.jslides.js,前面一个是我改写的,第二个是原作者的文件。下图是效果图:一、静态效果 ... 阅读全文
posted @ 2014-08-27 09:08 Shimily 阅读(183) 评论(0) 推荐(0)
摘要:一. 离线网络应用程序基础离线网络应用程序的核心是一个 content type (内容类型) 为 cache-manifest 的文本文件。这个文件保存了应用程序中需要离线存储的文件(HTML, CSS, JavaScript, 图片等)。举一个简单的例子,若一个应用程序由以下文件组成:index... 阅读全文
posted @ 2014-08-26 14:26 Shimily 阅读(278) 评论(0) 推荐(0)
摘要:翻译自:http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php一了解Swiper Swiper 是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如... 阅读全文
posted @ 2014-08-26 11:02 Shimily 阅读(1709) 评论(0) 推荐(0)
摘要:浏览器加载页面的顺序:1、 解析HTML结构2、 加载外部脚本和样式表文件3、 解析并执行脚本代码4、 构造HTML DOM模型==ready()5、 加载图片等组件6、 页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发function r... 阅读全文
posted @ 2014-08-23 11:03 Shimily 阅读(309) 评论(0) 推荐(0)
摘要:$(".username,.usertel").focus(function(){ //获取焦点 if ($(this).val()==this.defaultValue){ $(this).val(""); }}).blur(function(){ //失去焦点 ... 阅读全文
posted @ 2014-08-22 09:22 Shimily 阅读(347) 评论(0) 推荐(0)
摘要:很久没有分享HTML5动画特效了,尤其是HTML5 3D动画,每一个都非常酷。今天我们要分享的是一个基于Canvas的HTML5 3D地球旋转动画,地球外观非常逼真,海面、陆地、白云都像是真的一样,另外地球还可以自己缓慢的旋转和移动,呈现出3D立体的视觉效果。http://www.w2bc.com/... 阅读全文
posted @ 2014-08-18 09:44 Shimily 阅读(2744) 评论(0) 推荐(0)