功能强大的jquery提示信息插件jquery.poshytip.js:
http://www.sharejs.com/code/jquery/plugin/poshytip-1.0/demo/index.html
<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
<link href="/css/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script>
<link type="text/css" href="/css/ui.datepicker.css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="/js/jquery.ui.datepicker-zh-CN.js"></script>
DownLoad较常用的插件:
真正可用的文件上传插件
找了很多才发现这个相当不错插件:
http://www.jcupload.com/documentation/ http://demo.swfupload.org/v220/index.htm
强大的js画图功能
http://draw2d.org/draw2d/files/demo/YahooUI_integration/index.html
jquery实现右键菜单:
http://www.trendskitchens.co.nz/jquery/contextmenu/
jquery 消息插件--仿QQ消息弹出提醒:
http://www.cnblogs.com/qiantuwuliang/archive/2009/06/08/1498826.html
query仿照开心网的好友查找:
http://itlea.com/archiver/?tid-290982.html
http://www.playgoogle.com/demo/friendsuggest/default.html
一好很漂亮的jquery上传插件:
http://www.jqueryajax.com/jquery979
jQuery:Scrolltop滑动插件推荐(修正注释版)
http://www.ihiro.org/jquery-scrolltop-plugins
jquery插件 scroll follow,层随着窗口滚动
http://kitchen.net-perspective.com/open-source/scroll-follow/
jQuery基础---filter()和find()
http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html
37个更加出色的jQuery插件:
http://paranimage.com/37-plug-ins-even-more-outstanding-jquery/
从零开始学习 jQuery 事件与事件对象
http://www.xueit.com/html/2009-05/33_2020_00.html
jQuery Flash Plugin:
能判断fash是否加载完毕和自动生成flash的嵌入代码:
参考:http://hi.baidu.com/otherrrr/blog/item/b65bd016461f1e1d972b431a.html
下载:http://jquery.lukelutman.com/plugins/flash/
jquery上传头像的插件(感觉不错):
http://www.cnblogs.com/xuanye/archive/2009/04/02/1428202.html
09年插件总结:
http://blog.csdn.net/yuhaibao324/archive/2009/12/19/5037288.aspx
jQuery心跳包插件:
http://www.oschina.net/p/jheartbeat
jQuery UI组件 jQuery UI:
http://www.oschina.net/p/jquery+ui
suggest 技术
http://www.webwoo.net/jquery/200902/15-33819.html
suggest 技术,实际上就是大家看到的 google 在搜索的时候当您输入时有一个自动提示框
下面我给大家介绍一个jquery suggest插件
用起来很简单
只需要加一句
$("#suggest").suggest("demo.php",{
onSelect: function() {alert("You selected: " this.value)}});
});
就可以了
演示
http://www.cnjquery.com/demo/suggest/demo.html
我经常用到的:
ajax提交:
<script type="text/javascript" src="/js/jquery/jquery.form.js" ></script>//ajax表单提交
<script type="text/javascript" src="/js/jquery/jquery.webinfo-min.js" ></script>//cookie 和获得get传过来的ur参数。
用法:包含get 和ajax提交前检查!
http://www.sharejs.com/code/jquery/plugin/poshytip-1.0/demo/index.html
<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
<link href="/css/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script>
<link type="text/css" href="/css/ui.datepicker.css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="/js/jquery.ui.datepicker-zh-CN.js"></script>
DownLoad较常用的插件:
下载文件
真正可用的文件上传插件
找了很多才发现这个相当不错插件:
http://www.jcupload.com/documentation/ http://demo.swfupload.org/v220/index.htm
强大的js画图功能
http://draw2d.org/draw2d/files/demo/YahooUI_integration/index.html
jquery实现右键菜单:
http://www.trendskitchens.co.nz/jquery/contextmenu/
jquery 消息插件--仿QQ消息弹出提醒:
http://www.cnblogs.com/qiantuwuliang/archive/2009/06/08/1498826.html
query仿照开心网的好友查找:
http://itlea.com/archiver/?tid-290982.html
http://www.playgoogle.com/demo/friendsuggest/default.html
一好很漂亮的jquery上传插件:
http://www.jqueryajax.com/jquery979
jQuery:Scrolltop滑动插件推荐(修正注释版)
http://www.ihiro.org/jquery-scrolltop-plugins
jquery插件 scroll follow,层随着窗口滚动
http://kitchen.net-perspective.com/open-source/scroll-follow/
jQuery基础---filter()和find()
http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html
37个更加出色的jQuery插件:
http://paranimage.com/37-plug-ins-even-more-outstanding-jquery/
从零开始学习 jQuery 事件与事件对象
http://www.xueit.com/html/2009-05/33_2020_00.html
jQuery Flash Plugin:
能判断fash是否加载完毕和自动生成flash的嵌入代码:
参考:http://hi.baidu.com/otherrrr/blog/item/b65bd016461f1e1d972b431a.html
下载:http://jquery.lukelutman.com/plugins/flash/
jquery上传头像的插件(感觉不错):
http://www.cnblogs.com/xuanye/archive/2009/04/02/1428202.html
09年插件总结:
http://blog.csdn.net/yuhaibao324/archive/2009/12/19/5037288.aspx
jQuery心跳包插件:
http://www.oschina.net/p/jheartbeat
jQuery UI组件 jQuery UI:
http://www.oschina.net/p/jquery+ui
suggest 技术
http://www.webwoo.net/jquery/200902/15-33819.html
suggest 技术,实际上就是大家看到的 google 在搜索的时候当您输入时有一个自动提示框
下面我给大家介绍一个jquery suggest插件
用起来很简单
只需要加一句
$("#suggest").suggest("demo.php",{
onSelect: function() {alert("You selected: " this.value)}});
});
就可以了
演示
http://www.cnjquery.com/demo/suggest/demo.html
我经常用到的:
ajax提交:
<script type="text/javascript" src="/js/jquery/jquery.form.js" ></script>//ajax表单提交
<script type="text/javascript" src="/js/jquery/jquery.webinfo-min.js" ></script>//cookie 和获得get传过来的ur参数。
用法:包含get 和ajax提交前检查!
<input name="Area" id="Area" type="text" size="6" msg="请填写区">
<input name="Addr" id="Addr" type="text" size="6" msg="请填写路">
。
。
。
<input name="Addr" id="Addr" type="text" size="6" msg="请填写路">
。
。
。
<script type="text/javascript" >
$().ready(
function()
{
//var login=$()
$("#frmGetSpike").ajaxForm(
{
dataType:"json",
beforeSubmit: CheckForm,
success:function(data)
{
//var xx=eval("("+data+")");
alert(data.message);
if(data.code==-4)
{
$('#vrfycode').val('').focus();
$app.ChangeVerifyImg('loginVerifyImg');
}
if(data.code==0)
{
window.location.href="/con/info/act/spike";
},
error:function(date)
{
alert("联网超时!");
}
}
}
);
//var awardScore=[{type:208,score:300},{type:209,score:300}];
$('#awardType').change(function(){
//alert($(this).val());
if($(this).val() == 218)
$('#scoreNeed').text(600);
if($(this).val() == 219)
$('#scoreNeed').text(500);
});
var type=$.getURLParam('type');
if(type&&parseInt(type)==218)
{
$('#awardType').val(type);
$('#scoreNeed').text(600);
}
if(type&&parseInt(type)==219)
{
$('#awardType').val(type);
$('#scoreNeed').text(500);
}
$app.ChangeVerifyImg('loginVerifyImg');
$('.changeimg').click(function(){$app.ChangeVerifyImg('loginVerifyImg');return false;});
}
);
function CheckForm()
{
//var TrueName=$('#TrueName');
if(!CheckField('TrueName')){return false;}
if(!CheckField('Tel')){return false;}
if(!CheckField('Mail')){return false;}
if(!CheckField('Province')){return false;}
if(!CheckField('City')){return false;}
if(!CheckField('Area')){return false;}
if(!CheckField('Addr')){return false;}
if(!CheckField('ZipCode')){return false;}
if(!CheckField('vrfycode')){return false;}
var vcode = document.getElementById('vrfycode');
if (vcode.value.length != 4)
{
alert("请正确填写验证字符!");
vcode.focus();
vcode.select();
return false;
}
//$('#frmGetSpike').submit();
var ZipCode = document.getElementById('ZipCode');
if (ZipCode.value.length != 6)
{
alert("请正确填完整的邮政编码!");
ZipCode.focus();
//ZipCode.select();
return false;
}
return true;
}
function CheckField(field)
{
var field= $('#'+field);
if($.trim(field.val())=="")
{
alert(field.attr('msg'));
field.focus();
return false;
}
else
{
return true;
}
}
</script>
$().ready(
function()
{
//var login=$()
$("#frmGetSpike").ajaxForm(
{
dataType:"json",
beforeSubmit: CheckForm,
success:function(data)
{
//var xx=eval("("+data+")");
alert(data.message);
if(data.code==-4)
{
$('#vrfycode').val('').focus();
$app.ChangeVerifyImg('loginVerifyImg');
}
if(data.code==0)
{
window.location.href="/con/info/act/spike";
},
error:function(date)
{
alert("联网超时!");
}
}
}
);
//var awardScore=[{type:208,score:300},{type:209,score:300}];
$('#awardType').change(function(){
//alert($(this).val());
if($(this).val() == 218)
$('#scoreNeed').text(600);
if($(this).val() == 219)
$('#scoreNeed').text(500);
});
var type=$.getURLParam('type');
if(type&&parseInt(type)==218)
{
$('#awardType').val(type);
$('#scoreNeed').text(600);
}
if(type&&parseInt(type)==219)
{
$('#awardType').val(type);
$('#scoreNeed').text(500);
}
$app.ChangeVerifyImg('loginVerifyImg');
$('.changeimg').click(function(){$app.ChangeVerifyImg('loginVerifyImg');return false;});
}
);
function CheckForm()
{
//var TrueName=$('#TrueName');
if(!CheckField('TrueName')){return false;}
if(!CheckField('Tel')){return false;}
if(!CheckField('Mail')){return false;}
if(!CheckField('Province')){return false;}
if(!CheckField('City')){return false;}
if(!CheckField('Area')){return false;}
if(!CheckField('Addr')){return false;}
if(!CheckField('ZipCode')){return false;}
if(!CheckField('vrfycode')){return false;}
var vcode = document.getElementById('vrfycode');
if (vcode.value.length != 4)
{
alert("请正确填写验证字符!");
vcode.focus();
vcode.select();
return false;
}
//$('#frmGetSpike').submit();
var ZipCode = document.getElementById('ZipCode');
if (ZipCode.value.length != 6)
{
alert("请正确填完整的邮政编码!");
ZipCode.focus();
//ZipCode.select();
return false;
}
return true;
}
function CheckField(field)
{
var field= $('#'+field);
if($.trim(field.val())=="")
{
alert(field.attr('msg'));
field.focus();
return false;
}
else
{
return true;
}
}
</script>
作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/2148/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
最后编辑: jackxiang 编辑于2015-7-16 16:50
评论列表