最近在做培训管理系统中遇到一个问题,需求需点击绑定的数据,将指定的附件下载下来,并且是批量下载(绑定的数据非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...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图。效果演示 源码下载
本文将结合实例讲解如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据,我们以中国地图为例,展示去年(2015年)我国各省份GDP数据。通过异步请求php,读取mysql中的数据,然后展示在地图上,因此本文除了你掌握前端知识外,...
本文实例讲述了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(){var colors = Highcharts.getOptions(...
CREATE TABLE IF NOT EXISTS `downloads` ( `id` int(6) unsigned NOT NULL AUTO_INCREMENT, `filename` varchar(50) NOT NULL, `savename` varchar(50) NOT NULL, `downloads` int(10) unsigned NOT NULL DEFAULT 1, PRIMARY KEY (`id`), UNIQUE KEY `filename` (`filename`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;也可以直接下载Demo,导入SQL文件,数据都有了。
下载地址:PHP文件下载次数统计的源代码。
二,HTM...