<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <ul class="orderobj"> <li class="preview" a="2">2</li> <li class="preview" a="5">5</li> <li class="preview" a="1">1</li> <li class="preview" a="9">9</li> <li class="preview" a="8">8</li> ...
今天参加了一个Code Review活动，看了一个同事的写的代码，感觉满足了当前的功能实现，但是从长远来看，无论从代码复用角度还是维护上看都显得非常差。先看看需求是什么吧。需求是通过下拉框的选择不同的选项，来显示和隐藏一个文本框。同事是这样写的：Code 1<select name="select" onChange="disinput(this)"><option value="1">1</option><option value="2">2</option></select> <input type="text" id="text" name="text" sty...
原文链接http://www.jb51.net/article/95983.htm大体思路：1.jquery得到选中的绑定数据的id,将这个id赋值到数组中，最后将这个数组的值赋值给页面中创建的隐藏变量2.后台获取到隐藏变量的值，并将它循环数组取值，得到绑定值的下载地址，最后打包下载首先html中div根据后台绑定<divid="downloadInfo"runat="server"></div>其次是下载附件的选择，利用jquery实现，并且将值赋值给页面中的隐藏变量，代码如下：// 下载附件的选择 $a...
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./assets/js/jquery.js"></script></head><style></style><script type="text/javascript"> var t; var speed = 2;//图片切换速度 var nowlan=0;//图片开始时间 function changepic() { var imglen = $("div[name=‘pic‘]").find("div").length;//获取DIV 下的滚动条数 ...
一、需求：提供省、市下拉列表，当用户选择省一级下拉列表项后，市下拉列表的各个选项自动变为该省对应的城市列表。 二、效果： 三、实现：1.省市json数据，来自：http://www.cnblogs.com/jinzhao/archive/2012/04/01/2428142.htmlJs代码 /** * 省市json数据 */ var provinceAndCityArray = [{ name: "北京", cities: ["西城", "东城", "崇文", "宣武", "朝阳", "海淀", "丰台", "石景山", "门头沟", "房山", "通州", "顺义", ...
具体实现效果如图：原理很简单，就是监听鼠标滑动和点击事件。在第一个标签切换的示例中，当鼠标滑过某个标签时，就把class转移到当前标签。这里用到的jQuery方法主要是each()确定当前是哪一个标签，确定好以后，在设置鼠标的mouseover和mouseout事件。即：/*** Created by Administrator on 2016/7/30.*/ $(document).ready($("#tabFirst li").each(function(index){var liNode=$(this);$(this).mouseover(function(){}).mouseout...
在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后，我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。服务端验证最终实现在相应的ModelValidator中，而最终的验证规则定义在相应的ValidationAttribute中；而客户端验证规则通过HtmlHelper<TModel>相应的扩展方法（比如TextBoxFor、EditorFor和EdidtorForModel等）出现在生成的被验证HTML元素中。毫无疑问，服务端验证和客户端验证必须采用相同的验证规则...
基本思路先隐藏（dispaly：none）再显示，半透明蒙版层通过z-index:9998;z-index:9999;值越大越在前面index.html<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery点击弹出登陆窗口</title> <link rel="sty...
<div class="row text-center"> <div class="col MyList"> <a class="done" data="pc">完成率</a><i class="icon ion-arrow-down-b"></i> <ul class="list_1"> <img src="../../result/data/images/testimg/arrow.png" /> <li data="pv" ng-click="test1(‘pv‘,‘客单数‘)">客单数</li> <li data="pc" ng-click="test1(‘pc‘,‘销售额‘)">销售额</li> <li data="sales" ng-click="test1(‘sales‘,...
直接开始：1.首先 制作静态html+css 页面 代码如下 html代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="../../src/DUI/themes/default/css/dui_tabs.css" rel="stylesheet" type="text/css" /> </head> <body> <br /> 基本的tab <div class="dui_tab"> <div class="dui_tab_title"><a class="dui_tab_title_a_right"></a><ul class="dui_tab_title_ul"><li><a class="dui_tab_title_...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .item{ min-width: 150px; background-color: black; color: white; } .hide{ display: none; } .content{ min-height: 50px; } </style></head><body><div style="border: 1px solid silver;width: 200px;height: 60...
CreateTime--2016年12月16日09:11:23Author:Marydonjs与jQuery实现方式对比汇总<div id="ListContainer" style="border:1px solid red;height:100px;width:100px;"></div>1.控制元素的显示与隐藏 javascript方式/*控制div隐藏*/ document.getElementById("ListContainer").style.display = "none"; /*控制div显示*/ document.getElementById("ListContainer").style.display = "block"; jQuery方式/*控制div隐藏*/ $("#List...
想要实现的效果：1、点击数字时背景为红色，字体为白色2、点击1或2时，对应下面的灰点消失，再次点击其他数字时灰点显示 wxml:<block wx:for="{{weekDay}}" wx:key="item.index"><view data-key="{{index}}" bindtap=‘select_d‘ class="day_list {{d_state==index?‘red_day‘:‘‘}}"><text>{{item.day_n}}</text><text class=‘{{item.dian_class}} {{item.state==0?"dian_none":"dian_block"}}‘></text></view></block>wxss:...
function toast(mess){var str=‘<div class="mess"><span></span></div>‘;$("body").append(str);$(".mess").fadeIn().find("span").html(mess);setTimeout(function(){$(".mess").fadeOut();},2000) } toast("验证码不能为空"); 原文：https://www.cnblogs.com/yuanyanbk/p/8572766.html
很久未有更新，最近因为团队其它事耽误没有继续学习，但心中十分忐忑不安，抽空把自己薄弱的点拿来再巩固一下！本身异步刷新用处非常多，SSH框架对我来讲，已无难度，但结合ajax处理一些增删查改分页等，就觉得无奈，还是把基础抓起来先先看一下本次功能的效果图：1、用到的jar包下载地址：http://pan.baidu.com/s/1hspDeoW2、index.jsp<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = re...