演示页面:http://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="自定义规则格式不正确!" />
…
在蓝色看到一个网友发布了一个题目,题目如下:
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,基本上泛行的编程语言中都是这样的,所以要注意在以后的恒等判断中,一定要用===和!==,简单的==可能判断错了
…
在蓝色看到有需要标签云的球形效果,我记得之前在网上见到过,印象比较深刻,就找出地址发给他了,接下来却还有人需要这个效果的JQuery插件,网上好像也有,但是我看现在这个就不错,就想想自己改成jquery插件,方便喜欢使用jquery插件的人使用。
首先,说明下,这个tagcloud来源于妙味茶馆(http://www.miaov.com/),里面有很多效果的教程,tagcloud只是其中一个,全部是用原生Javascript实现的,先感谢下他们的分享和教程。
接下来,看看此插件的效果图:
windstagball的Demo:
演示地址:http://lijian.net/p/windstagball/index.html
下载包:http://lijian.net/p/windstagball/windstagballv1.0.zip
使用方法很简单,引入jquery和jquery.windstagball.js,需要显示为标签的HTML如下:
<div id="div">
<a href="#">标签云</a>
<a href="#" class="red">PHP</a>
<a href="#">瀑布流</a>
<a href="#">Tab</a>
<…
何为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 = [];
}
});
这段代码呢还是有些问题,如果“秘技”一直不对,数组…
演示页面:http://lijian.net/p/windswaterflow/
[更新 v1.2]
1、修改当后台无数据返回时一直加载中的bug
2、增加noSelector选择项,当无数据返回时显示,2秒后隐藏(例子为10页)
3、增加callback事件,当初次加载和滚动加载成功后回调事件,例子中为绑定鼠标经过事件显示喜欢和评论按钮
4、demo增加喜欢和评论按钮
更新后的下载包:http://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://lijian.net/p/windswaterflow/wind…
前段时间,在手机上看到一个水果老虎机的游戏。勾起我小时候的回忆,着迷的玩了一整天,以前没钱买币,只能一个水果压一分,现在可以一个水果压满99分,哈哈哈。。
没事就想着在网页上也能玩这个,抽空就写了这么一个:
演示页面:http://lijian.net/p/lhj/
下载包:http://lijian.net/p/lhj/laohuji.zip
全是用Javascript实现,目前这个只是实现了开始转圈,中奖计算等,还有好多功能,像开火车,乱闪什么的,压大小都没时间去做了,你有空的话,自己继续完善吧!:)
…
近期评论