jQuery的一些实用的插件,下载。

jackxiang 2009-11-1 13:59 | |
功能强大的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提交前检查!

<input name="Area" id="Area" 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>

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/2148/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2015-7-16 16:50
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]