随笔分类 -  JQUERY

摘要:以下是本人实现ajax上传图片时参考的文章,希望能对大家有帮助。在PHP网站开发中,文件上传功能时常用到,之前我已介绍过如何利用PHP实现文件上传功能。随着WEB技术的发展,用户体验成为衡量网站成功与否的关键,今天和大家分享如何在PHP中利用Jquery实现Ajax方式文件上传功能的例子,其中使用到了Jquery插件Ajaxupload,其可以实现单个文件和多文件上传功能。AjaxUpload Jquery插件AjaxUpload实现文件上传功能时无需创建form表单,即可实现Ajax方式的文件上传,当然根据需要也可以创建form表单。准备工作1、下载Jquery开发包和文件上传插件Ajax. 阅读全文
posted @ 2012-08-22 10:01 jia58960 阅读(1413) 评论(0) 推荐(0)
摘要:<script type="text/javascript" src="js/jquery-1.7.2.js"></script><script type="text/javascript" src="js/jquery.validate.min.js"></script>$("#login-form").validate({ rules: { oldpassword:{ required: true, remote:{ url:"use 阅读全文
posted @ 2012-07-05 21:12 jia58960 阅读(304) 评论(0) 推荐(0)
摘要:jQuery ui 内置了一组effects,包括:blind,bounce,clip,drop,explode,fade,fold,highlight,pulsate,puff,scale,size,shake,slide,transfer这些效果这些effect可以通过$("selector").effect(effect,[option],[speed],[callback]),或者是jQuery中包装的show和hide方法调用。其参数和effect调用相同。这里说明下参数的含义:effect:就是效果名称,可以是上面列举的effects之一。option:在不同的 阅读全文
posted @ 2012-04-27 10:13 jia58960 阅读(621) 评论(0) 推荐(0)
摘要:代码如下:<!DOCTYPE html><html> <head> <title>JQUERY选择器测试</title> </head> <body> <div> <p>Hello World!</p> <p class="foo">另外一段,但是这段有个class</p> <p><span>另外一段,这段里面有个span</span></p> <p id="bar&q 阅读全文
posted @ 2012-03-09 18:24 jia58960 阅读(877) 评论(0) 推荐(0)
摘要:相信来博客园的都是码农,那废话少说,直接上代码了:index.php<html> <head> <title>jQuery qtip2 实例演示</title> <link rel="stylesheet" type="text/css" href="js/jquery.qtip.min.css" /><link rel="stylesheet" type="text/css" href="main.css" 阅读全文
posted @ 2012-02-24 18:27 jia58960 阅读(920) 评论(0) 推荐(1)
摘要:index.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>jQuery Autocomplete Plugin</title><script type="text/javascript" src="../jquery_autocomplete/lib/jquery.js"& 阅读全文
posted @ 2012-02-22 11:51 jia58960 阅读(5174) 评论(4) 推荐(1)