摘要：
$.fn.retarder = function(delay, method) { var node = this; if (node.length) { if (node[0]._timer_) clearTimeout(node[0]._timer_); ... 阅读全文
摘要：
项目背景Sharepoint 2010 ,Infopath 2010环境,用Infopath设置好表单把数据提交到Sharepoint的Library库.很常见的需求，其中有一个[状态]字段，和[申请人]，其值分别为 Submitted,In Progress和Completed。简单的项目需求：当... 阅读全文
摘要：
jQuery Multi-TouchWipe / Multi-TouchZoom是小弟参照WipeTouch扩展出来的针对多点触屏划动而改写出来的Jquery插件，可以为dom上的两手指触屏划动拨入(zoomin)或者拨开(zoomout)操作而绑定自己的事件。// jQuery multitouc... 阅读全文
摘要：
有时，当你只想为触屏划动添加事件时，很多人可能会想到，Jquery mobile，但就这么个功能就把人家这么高大上的东西引用进来就有点大才小用了，WipeTouch是国外某程序员写的针对触屏划动的jquery 插件，足够用了// jQuery WipeTouch 1.2.0// ----------... 阅读全文
摘要：
用处1，弹出对话框；2，如果是Gif图片的话还可以用作显示Loading状态；3，Tooltips，就是内容弹出提醒Html代码，思路是一个背景层加一个内容层这里是你的自定义弹出内容CSS代码#modalBg {position: absolute;left: 0;top: 0;width: 100... 阅读全文
摘要：
项目中对slideshow要求要有触屏滑动换图功能，就想到了SlidesJS这个Jquery插件例排，先把静态html写好 标题: 内容 ... 阅读全文
摘要：
现在移动端设备横行，客户要求搞个时下比较流行的通过点击展开三级浮动菜单，效果如下：首先是例排的做法，把菜单用静态html布局拼出来 一级菜单一 二级菜单一+ ... 阅读全文
摘要：
小需求是当你在第一个下拉框选择了国家时，会自动更新第二个省份的下拉框，效果如下 快速浏览更多在线 Demo 想查看源代码，可以自行F12，或在github中直接查看源码，或者欢迎直接留言。 两个下拉选择Html如下： Jquery绑定一个change函数 原始数据用Json，如下（js）： Jque 阅读全文
摘要：
我们经常会遇到一些这样的情况。１、页面布局时有些图片是用img标签包起来，有些是作为background-image，当用户的网络是龟速时，你会很明显的发现img标签的图片会先被加载，然后background-image的图片是最后才被加载，这时，你会发现页面用户体验非常差，background-i... 阅读全文
摘要：
网页为什么要做自适应交付，皆因现在移动设备大行其道，现在是移动互联网时代，以IOS及Android为首的各种移动终端已经遍地开花。当人家用380px的iphone打开你的网页时，你总不能显示个1024px的页面给人家，用户体验大打折购，因为响应式设计或者自适应交付就应运而生。之前已经提到过响应式设计... 阅读全文
摘要：
效果如下：html代码： click on me! CSS代码：#contentPopup { position: absolute; display: none; ... 阅读全文
摘要：
Json数据如果作为配置文件比较难读懂，XML文件作为配置文件有先天的优势，容易读懂和配置，因此不考虑效率时，在页面中宁可用XML文件作为配置文件再用JS做一次转化把XML转成JSON使用比如如下相对比较复杂的XML yourID_1 your name ... 阅读全文
摘要：
插件demo如下：实现原理比较简单，主要是用了css中的overflow=hidden特性来设计。比如你一个item宽度（图片+margin）为w,总共有n个item,那么把所有的item按照float=left在一个宽度为n*w的div A里横排过来；然后假如你每页要展示4个item，那么你要在d... 阅读全文
摘要：
需求：1.总共有7个分页，需要做成单页面竖直滚动切换形式。 2.页面切换需要分两层，切换需要有错层效果。 3.页面上的元素可以考虑做一些进入动画。 4.声音统一用p2-18-1.wav这个文件 5.需要考虑小屏幕居中对齐，确保小屏幕手机在竖屏情况下也能看到主要内容。只怪自己太懒做作业不认真，只做了个... 阅读全文
摘要：
用户背景情况1、要求支持IE7以上，chrome,safari,firefox2、要求在Win XP、Win 7、ipad、iphone或者Android移动设备上浏览3、项目不需要CMS团队情况前端主要用Jquery及相关插件进行快速开发后端比较熟悉C#.Net，php项目版本控制Tortoise... 阅读全文
摘要：
之前没接触过responsive design这玩意，突然最近客户的项目都要求要有响应式设计的要求：1，当浏览器缩放时，页面要根据浏览器大小，而自动适应。2，当用手机或者移动设备打开页面时，页面会根据屏幕浏览器的大小自动适应。3，移动设备有横屏和竖屏之分，页面也要相应适应首页设计UI设计师只设计出了... 阅读全文