本文实例为大家分享了AjaxFileUpload实现文件上传的具体代码，供大家参考，具体内容如下 jQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。 1、引入AjaxFileUpload插件相关的js代码如下:<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type="text/javascript" src="<%=basePath%>resources/js/a...
AjaxUpLoad.js的使用实现无刷新文件上传，如图1、创建页面并编写HTML 上传文档: <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileName" /> <input type="button" id="btnUploadFile" value="上传" /> <input type="button" id="btnDeleteFile" value="删除" /> </div> 上传图片: <div class="uploadImg"> <img id="imgShow" src="/images/nophoto...
GraphUp jQuery plugin - 15美元 Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数据表。它能够使用颜色，柱状图及其气饱来有效的展现你的数据。 支持众多选项 - 选择数据清除器和一个油漆工具：填充，柱状，气饱图；配置小数点（支持句号或者逗号）；定制颜色表及其CSS类；更多其他 轻量级 - 整个插件只有4kb 可扩展 - 你可以很容易的创建你自己的清除器和油漆工具或者颜色表。而且，拥有一个callback来执行上色前...
为了使用户能自定义个人头像，需要提供一个对上传图片的截图功能，当前很多网站特别是SNS类网站都提供这样的功能，非常实用。主要实现的形式有两种，一种是flash截图，另一种就是javascript截图，两种方法各有秋千，关于Flash截图可以参考一下UcHome程序中头像上传功能，但这不是我要讨论的话题，我这里主要是如何实现javascript截图，利用jQuery的imgAreaSelect插件，轻松实现自定义头像[avatar]javascript截图功能。 一，准备： ...
Marquee.js插件提供了许多属性选项，您可以配置定制外观和效果。 { yScroll: "top" // 初始滚动方向 (还可以是"top" 或 "bottom") showSpeed: 850 // 初始下拉速度 scrollSpeed: 12 // 滚动速度 , pauseSpeed: 5000 // 滚动完到下一条的间隔时间 pauseOnHover: true // 鼠标滑向文字时是否停止滚动 loop: -1 // 设置循环滚动次数 （-1为无限循环） fxEasingShow: "swing" // 缓冲效果 fxEasingScroll: "linear...
Web领域一直在发生变化并且其边界在过去的每一天都在发生变化（甚至不能以小时为计），随着其边界的扩展取得了许多新发展。在这些进步之中，开发者的不断工作创造了更大和更好的脚本，这些脚本以插件方式带来更好的终端用户体验，它们比原来更轻量级，还有更强的处理能力。 关键是这些新发展起来的脚本和插件是能构建响应式Web的，而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧（就文件大小而言）之外，它们还不会增加页...
先说明白 这个跨域异步上传功能我们借助了Jquery.form插件，它在异步表单方面很有成效，而跨域我们会在HTTP响应头上添加access-control-allow-method，当然这个头标记只有IE10，火狐和谷歌上支持，对于IE10以下的浏览器来说，我们就不能用这种方式了，我们需要换个思路去干这事，让服务端去重写向我们的客户端，由客户端（与文件上传页面在同域下）来返回相关数据即可。 再做事 1 Jquery.form的使用 <form method="post" action="h...
初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。 现在从需求上来了解它的使用方法吧。第一个需求：MP3格式的音频在网页播放，样式如下：刚看到这个需求的时候，还是觉着有些难度的。我从官网（http://www.jplayer.cn/）上下载了这个的压缩包，直接拿出了里面的例子套用（路径：/examples/blue.monday/demo-01-supplied-mp3.htm），不得不说，这也是学会使...
jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。 如何把数据库中的数据以表格的形式展示到前端，实现有很多方法，最近用jquery的datatables插件来实现了发现还是比较简单的，今天我们来看一个例子，来说明这个插件的使用，基本原理是view函数从数据库中读出数据，jquery通过ajax获取数据并在前端展示出来，我们先定义一个models.py,如下： from django.dbimp...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery图片轮播(焦点图)插件</title> <link href="css/jquery.slideBox.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="js/jquery.slideBox.js" type="text/javascript"></script> <script> jQuery(function($){ $(#demo1).s...
一、导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写("#")，("#")，(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二、普及JQuery知识 知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用：/* $...
本文实例讲述了jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果。分享给大家供大家参考，具体如下： 该插件乃文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果，您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法。分享给大家供大家参考，具体如下： 该插件是文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
ImageDrawer.js是一款可以实现动态绘制图片动画的jQuery插件。通过ImageDrawer.js插件，你可以制作在页面中绘制图片的动态过程，你可以控制绘制动画的持续时间等参数，非常有趣。效果展示 源码下载 使用方法 使用该动态绘制图片插件需要在页面中引入imagedrawer.css，jquery和imagedrawer.js文件。 <link rel="stylesheet" href="css/imagedrawer.css" type="text/css"/> <script type="text/javascript" src="js/jquery.min...
本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码。分享给大家供大家参考，具体如下： 此插件旨在实现目前较为流行的文字间歇向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h...