作为最优秀的 JavaScript 库之一，jQuery 不仅使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果。这篇文章挑选了8个优秀的 jQuery 实例教程，这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。您可能感兴趣的相关文章Web 开发中很实用的10个效果【源码下载】精心挑选的优秀jQuery Ajax分页插件和教程12个让人惊叹的的创意的 404 错误页面设计让网站动起来！12款优秀的 jQuery 动画插件...
jQuery version 2.1.1http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1-vsdoc.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.map jQuery version 2.1.0 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js http://ajax.aspn...
原文链接http://www.jb51.net/article/95983.htm大体思路：1.jquery得到选中的绑定数据的id,将这个id赋值到数组中，最后将这个数组的值赋值给页面中创建的隐藏变量2.后台获取到隐藏变量的值，并将它循环数组取值，得到绑定值的下载地址，最后打包下载首先html中div根据后台绑定<divid="downloadInfo"runat="server"></div>其次是下载附件的选择，利用jquery实现，并且将值赋值给页面中的隐藏变量，代码如下：// 下载附件的选择 $a...
最近在做培训管理系统中遇到一个问题，需求需点击绑定的数据，将指定的附件下载下来，并且是批量下载（绑定的数据非datagrid,后台拼接的绑定）。效果图如下：大体思路：1.jquery得到选中的绑定数据的id,将这个id赋值到数组中，最后将这个数组的值赋值给页面中创建的隐藏变量2.后台获取到隐藏变量的值，并将它循环数组取值，得到绑定值的下载地址，最后打包下载 首先html中div根据后台绑定 <div id="downloadInfo" runat="server...
jquery-2.1.4 (注！jquery-2.0以上版本不再支持IE 6/7/8)百度引用地址 (推荐目前最稳定的，不会出现延时打不开情况) 百度压缩版引用地址:<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>微软压缩版引用地址:<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>官网jquery压缩版引用地址:<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>jquery-2....
今天介绍一个非常好用的JQuery插件，它可以把网页或某个div或table表格内容转为图片并下载保存。这个插件叫 html2canvas ，它只有一个js文件 html2canvas.js ，而使用起来也非常简单。先看一个实例html代码，后面再介绍如何使用。<html><head><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="html2canvas.js"></script></head><body><div id="html-content-holder" style="background...
效果体验：http://hovertree.com/texiao/jqimg/1/效果图：代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>美女图片浏览特效 - 何问起</title><link href="http://hovertree.com/texiao/jqimg/1/css/clearbox.css" rel="stylesheet" type="text/css"/><script src="http://hovertree.com/texiao/jqimg/1/js/clearbox.js" type="text/javascript"></script><scr...
jQuery是一个快速的，小巧的，具有强大功能的JavaScript库。它的基本功能包括:1）访问和操作DOM元素2）控制页面样式（可以兼容各种浏览器）3）对页面事件的处理4）大量插件在页面中的运用5）与Ajax技术的完美结合jQuery改变了众多的程序员使用 JavaScript的方式。jQuery官方主页代码示例:1) DOM遍历及操作将class为continue的<button>的文本内容设置成"Next Step..."1$( "button.continue" ).html( "Next Step..." )2)事件处理当点...
Silverlight Gantt甘特图是一款非常丰富，可定制，轻量级和高性能的控件。 项目甘特图: 可视化层次的任务列表。 可移动和拖拽调整条形图 可视化时间编辑器 编辑任务依赖关系 调整任务进度条 关键路径、自定义外观、自定义行列、自定义任务颜色等 高质量打印甘特图 资源甘特图： 实现资源利用视图。 重叠渲染任务 FlexyGantt与依赖连线 可折叠的任务汇总信息 资源分配阈值的可视化界面 服务器状态的可视化界面 Virt...
免积分下载：http://download.csdn.net/detail/yangwei19680827/7238711 原文地址：http://www.cnblogs.com/sxwgf/p/3680421.html 今天我们来分享一些有用的jQuery应用插件，没有特别花哨。但都比較有用，jQuery菜单、jQuery图片都有涉及到，一起来看看。 1、jQuery+CSS3仿IOS无线局域网WifiDEMO演示 / 源代码下载 2、CSS3图片鼠标悬停放大动画DEMO演示 / p>p=2125' title='源代码下载' ref='nofollow'>源代码下载3、j...
本文实例讲述了jQuery插件echarts实现的单折线图效果。分享给大家供大家参考，具体如下： 1、问题背景： 设计一个折线图，展示一个星期内水果销售量 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-单折线图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html{width: 99%;height: 99%;f...
本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下： 运行效果：完整代码如下： <!DOCTYPE html> <html class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations cssc...
本文实例讲述了jQuery实现的指纹扫描效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： <!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>demo</title><style type="text/css">body {background:black;}.dialog {width:300px; height:300px; position:fixed; left:50%; margin-left:-150px; border:2px dashed green;top:50px;}.dialog .shape {background:black;...
本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D饼图</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript"> $(function(){$(#pieChart).highcharts({chart: {plotB...
本文实例讲述了jQuery实现的点赞随机数字显示动画效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下：jQuery实现点赞数字累加动画效果*{margin:0;padding:0;list-style-type:none;} a,img{border:0;} html,body{background:#fff;font-size:14px;font-family:"microsoft yahei";} .tip{text-align:center;padding-top:10%;font-size:2em;}$("html,bod...