图片上传，网上有好多版本，今天也要做一个查了好多最终找到了一个uploadview 进行了一下修改 来看代码 @{Layout = null; } <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width" /><title>Index</title><script src="~/Scripts/jquery-1.8.2.min.js"></script><script src="~/Scripts/jquery.uploadView.js"></script> </head> <body><div><div class="shangchuan"><h4>示例</h4><div class="js_upl...
最近需要实现对treeGrid的查询功能，具体查询界面如下：可以查询根节点和具体子节点的信息，开始使用EasyUI的TreeGrid的loadData 加载url的方式不能实现查询功能，于是利用异步AJAX查询了一下数据返回后，赋值给变量，然后利用 TreeGrid的loadData加载这个json格式的返回结果实现了对TreeGrid的查询功能，代码如下：function searchROM() {var product = $(#Product).combobox(getValue);var keytype = $(#keytype).combobox(getVa...
下面通过本文给大家介绍下图中的treegrid如何实现？要求：动态加载；级联勾选；通关类型判断显示包库/还是镜像（列有所不同，镜像共4列），勾选一个复选框，后面的复选框变为不可勾选状态。 下面是具体代码： 1，初始化treegrid，（其中有几个type列，是由后台人员提供的字段名，虽然我也不想弄一堆type...汗） var root = 20543;//初始化产品树function InitProductTreeGrid(rootid) {var type = <%=Controler.ProductType%>;var ...
网上很多代码实现了上传图片这个功能，但不支持实时预览图片，下面实现了上传图片前预览效果功能，具体如下 效果如图：代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery上传图片之前可以预览效果</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <input id="file" ;="" onchange="c()" type="file"><br> <img src="" id="sho...
本来我一直认为一个搜索没有什么太难做的，直到我接到了上一个项目，让不使用按钮实现搜索这才让我开始在网上寻找这一技术，那么废话少说，将我的源码放上来给大家参考。 前台代码 <div class="fl search-box"> <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</button><input id="sousuo" name="sousuo" type="search" placeholder="输入搜索内容" value=""> </div>搜索按钮实现 $(function () {$...
引入jQuery-1.7.1.js和jquery.validate.js两个js文件 jquery.validate.js下载地址：http://xiazai.jb51.net/201703/yuanma/jquery.validate.rar <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="Scripts/jquery-1.7.1.js"></script> <script src="Scripts/jquery.validate.js"></script> <scr...
先给大家展示下效果图： 这是一个简单的列表 右上角有一个检索功能 我们要实现的是列表检索功能 是用的jquery实现的 具体代码如下 $(function(){$("input[type=button]").click(function(){var txt=$("input[type=text]").val();if($.trim(txt)!=""){$(".ggsm_list li span").parent().hide().filter(":contains("+txt+")").show();}else{$(".ggsm_list li").show();}});});给按钮一个点击事件，首先获取到input中的值，然后让sp...
本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考，具体如下： 添加行： function addtr(){var tr = $("#tb tr").eq(0).clone();tr.appendTo("#tb");//tr.insertBefore("#tb tr:last"); } <table id="tb"><tr> </tr> // tr 的下标从 0 开始<tr> </tr> </table>删除行： index 要删除的 table 的 tr 的下标 $("#tb_id tr").eq(index).remove();计算 table 中 tr 的 个数: ("#tb tr").length...
本文实例讲述了jQuery实现节点的追加、替换、删除、复制功能。分享给大家供大家参考，具体如下： 一、追加节点分为父子和兄弟节点的追加。每个追加节点的方法又分主动追加和被动追加。 //1、父子关系的添加 //主动添加 $(#shu).append(<li>关羽</li>);//往后添加 $(#shu).prepend(<li>黄忠</li>);//往前添加 //被动添加 $(<li>黄盖</li>).appendTo($(#wu)); $(<li>陆逊</li>).prependTo($(#wu)); //添加已存节点，发生位置改变 $(#...
5.1.5 表单验证 表单作为 HTML 最重要的一个组成部分，几乎在每个网页上都有体现，例如用户提交信息、用户反馈信息和用户查询信息等，因此它是网站管理者与浏览者之间沟通的桥梁。在表单中，表单验证的作用也是非常重要的，它能使表单更加灵活、美观和丰富。 以一个简单的用户注册为例。首先新建一个表单， HTML 代码如下： <!DOCTYPE html> <html> <head><meta http-equiv="content-type" content="text/html; charse...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <script type="text/JavaScript">//获取url中的参数$(function(){var userName = window.location.href;var aa = userName.indexOf("=");console.log(userName);if (aa == -1)return "";userName=userName.substring(aa+1);//给hidden赋值并显示$("#userName").val(userName).attr("type","text");//ajax请求修改密码var rePassword = $("#repeatPassword").val();//6到15位...
css代码： ul#portfolio{margin:0;padding:0;} ul#portfolio li{float: left;margin:0 5px 0 0;width:250px;height: 250px;list-style: none;} ul#portfolio li.loading{background: url(../images/spinner.gif) no-repeat center center;} ul#portfolio li img{width:250px;height: 250px;display: block;}js代码： $(function(){var images=new Array();images[0]=./images/ads_one.jpg;images[1]=./images/ads_two.jpg;images[2...
jQuery脚本：<script type="text/javascript">$(function() {var scrollDiv = document.createElement(div);$(scrollDiv).attr(id, toTop).html(^ 返回顶部).appendTo(body);$(window).scroll(function() {if ($(this).scrollTop() != 0) {$(#toTop).fadeIn();} else {$(#toTop).fadeOut();}});$(#toTop).click(function() {$(body,html).animate({ scrollTop: 0 }, 800);})});</script>CSS样式： <style type="text/css">#toTop{w...
点赞，网络用语，表示“赞同”、“喜爱”。 该网络语来源于网络社区的“赞”功能。送出和收获的赞的多少、赞的给予偏好等，在某种程度能反映出你是怎样的人以及处于何种状态。点赞的背后，反映出你自己。与之对应的便是取消功能。恰巧最近博主在一款APP，其中一个版块需要实现点赞和取消功能，经过思考决定用JQuery代码实现它，好了废话不多说，上干货！！ 首先要引入JQuery插件其次，我们需要定义一个div，并给它一些样式 然后就是...
打开弹出层： 在list页面带入layer.js 在list页面点击时，弹出form弹出层，list.js： $(".add_category,.update").click(function(){ //弹出框 var doMain = $(.domain_name).val(); layer.open({ shade: [0.5, #000, false], type: 2, area: [900px, 530px], fix: false, //不固定 maxmin: true, title: [添加或修改用户类型, false], content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(t...