Jquery And JavaScript
文章平均质量分 91
蝶恋花雨
2012~2018年度微软最有价值专家 C#,NET方向(MVP)
忘记的意思不是想不起,而是偶尔想起,她已经忘记你了,你呢?
展开
-
C# 运用Jquery和Div实现Loading加载提示效果
加载效果图:加载后的图:Html代码: 数据加载中,请稍后... CSS代码:#bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-colo原创 2013-10-10 17:26:07 · 2997 阅读 · 1 评论 -
.NET+Jquery+jquery.ztree 实现树状角色权限设置
效果图:HTML代码: 权限选择:原创 2016-04-03 11:01:37 · 2153 阅读 · 0 评论 -
C#+一般处理程序+jquery.uploadify 上传XML文件并插入数据库中
效果如图:上传前上传中HTML代码:原创 2016-04-03 13:29:35 · 1620 阅读 · 0 评论 -
C# 生成多层嵌套JSON到数组中(树结构JSON)
DataTable dt = DbHelperSQL.Query(sql).Tables[0]; var changeinfo = string.Empty; JavaScriptSerializer js = new JavaScriptSerializer(); List l原创 2016-09-13 08:17:43 · 14870 阅读 · 0 评论 -
C#+aspx+ajaxfileupload 实现图片上传
Html 代码及调用方法: $(function () { $("#iUpLoad").click(function () {原创 2016-10-24 13:42:40 · 4557 阅读 · 0 评论 -
C#/JS 利用正则表达式 替换/删除 img 里面的 width height
JS: function test() { var str = ""; str += ""; str = str.replace(/ height="\d+"/g, " height=\"90\"");// “/”后面的是要替换的字符,“d\+”是数字,最后""里是用来填充的字符 str = str.replace(/原创 2016-12-14 19:57:20 · 4349 阅读 · 0 评论 -
C# 一般处理程序+jquery.uploadify.js 多文件上传图片/文件
效果图:首先引入: HTML代码: 上传图片列表:原创 2017-01-05 21:20:27 · 2828 阅读 · 0 评论 -
js/jquery 无刷分页通用代码
效果图:HTML代码: 首页 上页原创 2017-03-03 09:22:35 · 1735 阅读 · 0 评论 -
c#+jquery-autocomplete实现类似百度,Google模糊查询
http://kb.cnblogs.com/page/73227/由于现有系统有一个界面显示不友好,因此写单独重写了这个页面。期中有个要查询库位的功能。闲着没事做成类似百度,Google模糊查询的效果了中英文都可以。效果图:JS代码如下:首先引用 css js 可到官方网站去下载 点击打开链接 var arry原创 2013-09-22 19:16:09 · 4901 阅读 · 0 评论 -
C#+.Ashx+Jquery.AutoComplete 仿百度谷歌模糊自动查询两种使用方法
官网:jQuery plugin: Autocomplete (注:此插件已经不再更新。它的继任者是jQuery UI的一部分,)首先列下主要参数说明:* minChars (Number): 在触发autoComplete前用户至少需要输入的字符数.Default:1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表* width (Number):原创 2017-09-11 11:04:44 · 791 阅读 · 0 评论 -
Jquery Checkbox 父、子节点进行选中、取消选中处理
效果图:Html代码: <table class='table table-bordered table-striped'> <asp:Repeater ID="rpRole" runat="server" OnItemDataBound="rpRole_ItemDataBound"> ...原创 2018-02-11 19:32:55 · 3711 阅读 · 0 评论 -
Jquery+ashx 双击bootstarp 中table 的td单元格进行编辑
效果图:JS代码://采购申请、纸箱采购查找要编辑的单元格,新增单价、归属客户function EditTdInputInfo(inserttype, pauseNo, orderLineNo, columnName, goodsPrice){ //纸箱规格类型 var zxtype; if (inserttype == "CGC") {原创 2018-02-07 11:26:52 · 399 阅读 · 0 评论 -
Javascript+html+css 一键分享推广链接
效果图:引用 :<!-- Bootstrap Stylesheet --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" /> <!-- Uniform Stylesheet --> <link rel="stylesheet&q原创 2018-03-03 13:39:44 · 3474 阅读 · 0 评论 -
Jquery.city-picker 实现省市区三级联动
效果图:如 安徽省、芜湖市CSS代码 引用<!-- Bootstrap Stylesheet --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" /> <link href="plugins/cityselect/city-picker.cs.原创 2018-03-03 14:18:42 · 8331 阅读 · 1 评论 -
C#+一般处理程序+Lodop打印跨境电商电子面单(比利时、荷兰佛山小包)
效果图:Aspx页面代码:<table class="table table-bordered table-striped"> <tbody> <tr class="even gradeC"> <td >波次单号:</td>原创 2018-03-18 08:56:36 · 1688 阅读 · 0 评论 -
C#+ashx+Js 获取钉钉个人对话ID进行发送消息
Aspx页面:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebTestDingTalkApi.WebForm1" %><!DOCTYPE html><html xmlns="http://www.w3.org/19原创 2018-03-19 21:02:21 · 3919 阅读 · 0 评论 -
NET 利用 jquery+ztree 实现 角色权限设置(以树结构显示导航菜单)
最近实现了一个角色权限设置的demo,特此发出来给大家参考,主要利用了 Jquery+Ztree 来读数据库来实现的。Ztree 下载地址:http://www.ztree.me/v3/main.php#_zTreeInfo效果图:引用css+js文件 : var setting = { view: {原创 2016-02-04 08:40:15 · 2591 阅读 · 2 评论 -
利用c#+jquery+ichartjs生成统计图表
最近觉得应该把自己在技术上的一些心得记录在博客里面跟大家分享,一起讨论,一起成长! 这篇随笔主要为介绍chart在项目中的运用,因为在我们看到一些开源的chart时候,是使用纯js 或者建立在一些插件(例如:jquery)上的,我们会用有一些茫然。chart里面的文档和实例都是html + css +js ,数据源都是静态定义成json对象,标题、脚注等都是静态的字符串!我们如何让这转载 2015-01-30 12:31:41 · 3369 阅读 · 2 评论 -
c# 中运用js实现百分比数据加载提示
最近做项目由于数据量过大。因此导致页面很长一段时间空白。为了给用户更好的视觉体验,给它一个加载提示。搜索参考了一下其他的然后把它给修改了。不好意思。参照地址忘了。效果图:上面为效果图。CSS代码: .loading { height: 50px; padding-top: 17px; } .text input {原创 2013-10-10 17:05:24 · 1339 阅读 · 0 评论 -
js checkbox 父子关联(联动)
在项目中Repeater嵌套Repeater查看详细信息。 并且第一个Repeater里面有个checkbox,第二个也有。实现效果是点击第一个Repeater的checbox就选中它详细信息里面的所有checkbox.效果:点击选中效果:子checkbox有一个不选中的话,则父checbox也不选中:JS代码:// --列头原创 2013-09-22 08:11:50 · 3206 阅读 · 0 评论 -
jquery+.net实现类似开心网图像缩放截取功能(附代码下载)
好不容易完成了一个基于web2.0概念的项目管理系统,在系统的实现过程中用到了头像的缩放裁剪的功能模块,而且我发现在网络上很少有讨论这方面的文章,所以把我的实现方式贴出来,和大家分享一下,写的不好还请多多海涵。 我是用jquery ui的ui.draggable实现的。当然,本文所实现的方法不局限于jquery ui,只要能实现拖动的功能,任何库都可以。我用的jquery转载 2008-09-27 10:11:00 · 1464 阅读 · 0 评论 -
Repeater嵌套Repeater及Repeater嵌套table,单击行查看详细信息,适用于DataLsit
最近做一个物流小模块,里面汇总了每个工厂的所有数据,在点击工厂显示下面所有数据。我通过Repeater嵌套Repeater来实现及Repeater嵌套table。同样也适用于DataLsit。用了两种方法来实现。1:直接点击父Repeater行在ItemDataBound里面页面加载时全部加载出来。2:用jquery post请求数据,并用apped输出 详细信息没原创 2013-10-11 10:29:49 · 1690 阅读 · 0 评论 -
Repeater JS全选。单选。同适用于DataList
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ><head runat="server"> <title></title> <mce:script type="text/javascript"><!-- function selectAll()原创 2011-05-31 13:04:00 · 1323 阅读 · 2 评论 -
使用 javascript 标记高亮关键词
/*----------------------------------------*/ * 使用 js 标记高亮关键词 by markcxz(markcxz@aol.com) * 参数说明: * obj: 对象, 要进行高亮显示的html标签节点. * hlWords: 字符串, 要进行高亮的关键词词, 使用 竖杠(|)或空格 分隔多个词 .转载 2008-03-03 13:51:00 · 1838 阅读 · 0 评论 -
Jquery-登陆界面及validate登陆用户验证
效果图HTML代码: Log In UserName: PassWord: <asp:Button ID="btnLogin" CssClass="submit" runat="server" Text="Log in" OnClientClick="ValidateLogin();"原创 2013-12-18 09:33:07 · 5976 阅读 · 0 评论 -
Jquery+CSS Menu菜单
效果图:HTML代码: WMS-入库查询及确认 WMS-出库查询 退出 系统 CSS代码: /* 导航菜单css *//*导航菜单背景*/#bar { width: 100%; height: 35px; padding: 15px 0; backgr原创 2013-12-18 09:44:23 · 1452 阅读 · 0 评论 -
C#+JS 弹出详细信息遮罩层(适合Repeater DataList GridView)
效果图:HTML代码: 库位:原创 2013-12-20 09:29:17 · 1788 阅读 · 0 评论 -
利用jquery实现wizard向导整理资料
http://worcesterwideweb.com/jquery/wizard/ http://exacttarget.github.io/fuelux/#wizardhttp://demo.jgpy.cn/kandytabs/http://www.jquery-steps.com/Exampleshttp://mstratman.github.io/jQuery-Sma原创 2014-05-27 14:48:03 · 4456 阅读 · 0 评论 -
利用 Linq+Jquery+Ajax 实现异步分页功能
首页 上页 下页 尾页 跳转到第 页 共 条数据,每页 条, 当前/页原创 2014-05-27 08:45:45 · 1298 阅读 · 1 评论 -
ASP.NET+JQuery+.Ashx实现+百度Echarts 实现动态柱状图数据图形报表的统计
最终效果图如下:原创 2014-09-09 08:53:21 · 29775 阅读 · 8 评论 -
百度Echarts+JQuery 一页多图动态加载实现(可拆分)
大概的发一下一页多图的加载方法,可以拆分,可以合并。动态取数据显示。原创 2014-09-09 09:50:03 · 9298 阅读 · 0 评论 -
C#+JQuery+.Ashx+百度Echarts 实现全国省市地图和饼状图动态数据图形报表的统计
在目前的一个项目中,需要用到报表表现数据,这些数据有多个维度,需要同时表现出来,同时可能会有大量数据呈现的需求,经过几轮挑选,最终选择了百度的echarts作为报表基础类库。echarts功能强大,界面优美。由于客户是淘宝卖家,因此想要实现每个月全国各个省份各自购力如何,大家可以统计其他的,如果GDP 人口 等等。百度echarts简介请参考http://echarts.coding.原创 2014-09-09 09:25:38 · 9823 阅读 · 3 评论 -
JS+JSON字符转义(escape)的几种方案
一、JSON.js首先取自DouglasCrockford的方案,应该较多人使用。json.js和json2.js都差不多的。// https://raw.github.com/douglascrockford/JSON-js/master/json.jsvar meta = { // table of character substitutions '\b' : '\\b', '\转载 2014-09-09 09:59:51 · 14394 阅读 · 0 评论 -
Jquyer+gnmenu+classie 实现兼容手机左侧弹出菜单效果
效果图如下: css代码引用: <!-- Bootstrap Stylesheet --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" /> <link href="assets/mobiescroll/css/mobiscrol.原创 2018-03-29 14:35:26 · 1910 阅读 · 0 评论