windsformvalid-表单验证JQuery插件

分类:JQuery插件评论:0条作者:awinds日期:2012-07-24阅读:23,252 views

演示页面:http://www.lijian.net/p/windsformvalid/ 每次表单每个页面提交都要自己写脚本验证信息,老是复制粘贴的很烦,改起来也很麻烦,网上也有大把的表单验证插件,但是感觉用起来不灵活,这就出现了windsformvalid.   使用方法: 1、引用jquery和windsformvalid.js <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="js/jquery.windformvalid.js" type="text/javascript"></script> 2、通过rule属性给控件增加验证规则,多个规则则用”|”分开,如用户名: <input type="text" class="input longtext" id="txtlogin" name="txtlogin" rule="nonull|username|5-18|ajax" ajaxurl="ajax/valid.php" nullmsg="用户名不能为空!" errormsg="用户名格式不正确!" /> rule的值为几种验证规则类型: 特征规则: nonull:不能为空 define:自定义规则,当使用define规则时,必须给控件增加define属性,如: <input type="text" id="txtdefine" name="txtdefine" class="input longtext" rule="define" define="/^hello[0-9]+$/" errormsg="自定义规则格…

HTML5网页小游戏

分类:HTML5评论:0条作者:awinds日期:2012-07-19阅读:15,730 views

现在html5越来越火,让网页效果也越来越炫,结合javascript更能表现出好的游戏效果,今天就推荐一些比较热站的html5网页小游戏,推荐大家用Google Chrome浏览器打开:   1、cut the rope(割绳子) 游戏地址:http://www.cuttherope.ie/   2、Bejeweled(宝石迷阵) 游戏地址:http://bejeweled.popcap.com/html5/0.9.12.9490/html5/Bejeweled.html   3、fruit-ninja(水果忍者) 游戏地址:http://nus40g1.chinaw3.com/demos/fruit-ninja/   4、Plants vs Zombies(植物大战僵尸) 女程序员写的哟 游戏地址:http://pvz.lonelystar.org/ …
Tags:

Javascript中的==和!=判断

分类:Javascript评论:0条作者:awinds日期:2012-06-11阅读:6,163 views

在蓝色看到一个网友发布了一个题目,题目如下: if(a == b && b==c && a != c){ document.write("ok"); } 要求计算a,b,c的值,让代码输入ok 大家可以先想想答案是什么呢?   很快,就有网友贴出答案了,代码如下: var a='',b=0,c='0'; if(a == b && b==c && a != c){ document.write("ok"); } 运行一下,的确是如此,而且不只是javascript,基本上泛行的编程语言中都是这样的,所以要注意在以后的恒等判断中,一定要用===和!==,简单的==可能判断错了 …
Tags: ,

标签云(tagcloud)的球形JQuery插件

分类:JQuery插件评论:4条作者:awinds日期:2012-05-04阅读:59,232 views

    在蓝色看到有需要标签云的球形效果,我记得之前在网上见到过,印象比较深刻,就找出地址发给他了,接下来却还有人需要这个效果的JQuery插件,网上好像也有,但是我看现在这个就不错,就想想自己改成jquery插件,方便喜欢使用jquery插件的人使用。     首先,说明下,这个tagcloud来源于妙味茶馆(http://www.miaov.com/),里面有很多效果的教程,tagcloud只是其中一个,全部是用原生Javascript实现的,他们的Demo地址:http://www.miaov.com/miaov_demo/3dLable/miaov_demo.html,先感谢下他们的分享和教程。     接下来,看看此插件的效果图:     windstagball的Demo:     演示地址:http://www.lijian.net/p/windstagball/index.html     下载包:http://www.lijian.net/p/windstagball/windstagballv1.0.zip     使用方法很简单,引入jquery和jquery.windstagball.js,需要显示为标签的HTML如下: <div id="div"> <a href="#">标签云</a> <a href="#" cl…

PHP中in_array奇怪的问题

分类:PHP评论:0条作者:awinds日期:2012-05-02阅读:16,127 views

    在in_array中有三个参数,一般用都是只用两个参数,如下以代码: $arr = array('0E372033','0E372034','0E372035','0E372036','0E372037','0E372038','0E372039'); if(in_array('0E372031',$arr)){ echo "true"; } else{ echo "false"; }     按正常来说,这个肯定不在数组中,输出应该是false,但是这段代码输出却是true。 我又把代码改成如下: $arr = array('0F372033','0F372034','0F372035','0F372036','0F372037','0F372038','0F372039'); if(in_array('0F372031',$arr)){ echo "true"; } else{ echo "false"; }     这个时候运行输出结果却是false。百思不得其解,到处请教和询问,终于找到了答案,原来0E372031这样的字符串在php的弱类型中会当着是科学计数法,所以就是0,这个时候判断in_array,和0E372033这样的值就相等了,解决方法就是如以下代码: $arr = array('0E372033','0E372034','0E372035','0E372036','0E372037','0E372038','0E372039'); if(in_array('0E372031',$arr,true)){ ec…
Tags: , ,

试试Konami Code的神奇

分类:Javascript评论:0条作者:awinds日期:2012-04-30阅读:30,784 views

    何为Konami Code,不如你先在在Google Reader上试下,在空白的地方点下,然后键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A,看看页面有什么变化,这个秘语来源于魂斗罗”中的“秘技”,这个就称为“Konami Code”,如图所示:     在FaceBook也能看到这样的彩蛋效果,不过在这里,你还是看看Google Reader吧!     试着在网上找了些这方面的资料,通过Javascript实现的代码也很多,在来源于肉包子的摇滚生活提到了怎么样实现这样的神奇效果,也提出了多种代码实现,我就试着用了那个简单的代码在WordPress里面,用过Jquery后的实现如下: var k = []; $(document).keydown(function(e) { e = e || window.event; k.push(e.keyCode); if (k.toString().indexOf("38,38,40,40,37,39,37,39,66,65") >= 0) { $('#sidebar').animate({ opacity: 0 }, 800).animate({ opacity: 1 }, 800); k = []; } }); 这段代码呢还是有些问…

瀑布流网站布局和JQuery插件实现

分类:JQuery插件评论:50条作者:awinds日期:2012-04-25阅读:138,712 views

演示页面:http://www.lijian.net/p/windswaterflow/ [更新 v1.2]  1、修改当后台无数据返回时一直加载中的bug 2、增加noSelector选择项,当无数据返回时显示,2秒后隐藏(例子为10页) 3、增加callback事件,当初次加载和滚动加载成功后回调事件,例子中为绑定鼠标经过事件显示喜欢和评论按钮 4、demo增加喜欢和评论按钮 更新后的下载包:http://www.lijian.net/p/windswaterflow/windswaterflow-v1.2.zip   [更新 v1.1] 1、模版在firefox下报错是因为查找<script id=’tpl’>的错误,具体原因暂不知道 2、增加boxTemplate参数,直接把模版传进来,用{参数}来表示参数 3、直接在里面通过match和replace简单替换,没有复杂的json数组替换 4、增加scroll通过settimeout响应,看起来效果好些,可以去掉 5、增加page参数,方便用户通过页数和num请求服务端拿box 6、增加maxPage参数,默认为0,设置为0时则可以无限滚动获取,设置为int值时则当页面达到最大值时不能滚动获取 更新后的下载包:http://www.lijian.net/p/windswaterflow/windswaterflow-v1.1.zip     当Pinterest带来…

Javascript版的水果老虎机

分类:Javascript评论:3条作者:awinds日期:2012-04-25阅读:21,301 views

前段时间,在手机上看到一个水果老虎机的游戏。勾起我小时候的回忆,着迷的玩了一整天,以前没钱买币,只能一个水果压一分,现在可以一个水果压满99分,哈哈哈。。 没事就想着在网页上也能玩这个,抽空就写了这么一个:   演示页面:http://www.lijian.net/p/lhj/ 下载包:http://www.lijian.net/p/lhj/laohuji.zip 全是用Javascript实现,目前这个只是实现了开始转圈,中奖计算等,还有好多功能,像开火车,乱闪什么的,压大小都没时间去做了,你有空的话,自己继续完善吧!:) …

目前最新的JQuery的VS中文提示jquery-1.6.2-vsdoc

分类:JQuery评论:0条作者:awinds日期:2011-12-31阅读:8,475,580 views

VS智能中文提示,jquery-1.6.2-vsdoc 下载地址:http://www.lijian.net/p/jquery/jquery1.6.2.zip jQuery智能提示Visual Studio 2008 SP1 补丁,安装这个补丁后,Visual Studio 2008可以自动找到vsdoc.js文件。 下载地址:http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736
Tags: ,