日志分类:JQuery插件

windsformvalid-表单验证JQuery插件

分类:JQuery插件评论:0条作者:awinds日期:2012-07-24阅读:40,287 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="自定义规则格…

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

分类:JQuery插件评论:4条作者:awinds日期:2012-05-04阅读:64,224 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…

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

分类:JQuery插件评论:50条作者:awinds日期:2012-04-25阅读:164,523 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带来…