JQuery UI DatePicker中z-index默认为1的解决办法

2017年02月06日 21 阅读

在网上也没能找到有效的解决办法，下面我提供一种看似投机的办法： 复制代码 代码如下: $（"#txtFillInDate"）.datepicker（{ monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"], dateFormat: "yy-...

jquery控制listbox中项的移动并排序的实现代码

2017年02月06日 19 阅读

首先是html代码，页面上放2个listbox控件和2个按钮用于移动项目 复制代码 代码如下: <table border="0"> <tr> <td width="156">全部水果：</td> <td width="142"> </td> <td width="482">我挑选的：</td> </tr> <tr> <td row...

基于Jquery的仿Windows Aero弹出窗（漂亮的关闭按钮）

2017年02月06日 23 阅读

今天介绍的Jquery Dialog Plugins AeroWindow ，是其中最个性的一款，因为他拥有神似Windows 7 Aero效果的肉身。 效果图:演示: 官方演示 本地演示 特点 独特： 窗口移动时标题栏反光效果 窗口按钮：最小化，减少，最大化和关闭 双击窗口标题栏最大化，缩小 活动窗口突出显示 更改窗口大小（resize） 鼠标拖拽窗口 N多个配置选项 配置选项 窗口标题 窗口的起始位置的X / Y 窗口大小 最小的窗口大小 打开窗口的可...

Jquey拖拽控件Draggable使用方法（asp.net环境）

2017年02月06日 23 阅读

本例主要目的是使用Jquey的Draggable控件。 使用时首先依次引用Jquery，Jquery-Ui ，Draggable三个Js。然后在js中编写相应的代码，相关代码说明请看程序中的注释。 关于 Draggable的说明请参考：http://docs.jquery.com/UI/API/1.8/Draggable 源码： 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" ...

jquery选择器（常用选择器说明）

2017年02月06日 22 阅读

基本选择器：$（"#myELement"）选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$（"div"） 选择所有的div标签元素，返回div元素数组$（".myClass"） 选择使用myClass类的css的所有元素$（"*"）选择文档中的所有的元素可以运用多种的选择方式进行联合选择：例如$（"#myELement,div,.myclass"）层叠选择器： $（"form inp...

客户端 使用XML DOM加载json数据的方法

2017年02月06日 21 阅读

步骤： 1、引用Jquery 2、如果是IE，实例ActiveXObject；Firefox，实例DOMParser。 3、处理 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XmlDom._Default" %> <！DOCTYPE html PUBLIC "-//W3C//DTD...

fancybox1.3.1 基于Jquery的插件在IE中图片显示问题

2017年02月06日 22 阅读

主要特色有： 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影，放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码：复制代码 代码如下: var selectedid = $（"select[name$=DdlSearchProfile]"）.val（）; var selectedtxt = $（"select[na...

从零开始学习jQuery （一） 开天辟地入门篇

2017年02月06日 20 阅读

一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.转载请注明子秋出品！博客园首发！ 二.前言首先道个歉！ "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就...

从零开始学习jQuery （二） 万能的选择器

2017年02月06日 23 阅读

一.摘要本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习...

JavaScript判断图片是否能够加载,失败则替换默认图片

2017年02月06日 23 阅读

一为使网站整洁，二来提升网页体验，不至于让别人觉得你这网站有问题。其实实现起来也是非常简单的，具体请看看代码。 图片加载失败时用默认图片替代 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

Js检测判断URL网址输入是否正确

2017年02月06日 21 阅读

检查是否为URL function check（）{ str = form1.txt.value; str = str.match（/http://.+/）; if （str == null）{ alert（"你输入的URL无效"）; return false; }else{ alert（"你输入的URL有效"）; return true; } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JavaScript检查是否是正确的日期格式的代码

2017年02月06日 23 阅读

JavaScript 检查是否是正确的日期格式 function check（）{ str = form1.txt.value; str = str.match（/^（d{2,4}）（-|/）（d{1,2}）2（d{1,2}）$/）; if （str == null）{ alert（"你输入的日期格式无效"）; return false; }else if （str[3]>12 || str[4]>31）{ alert（"你输入的日期格式无效"）; ...

JavaScript下判断时间格式的代码

2017年02月06日 22 阅读

检查是否为时间 function check（）{ str = form1.txt.value; str = str.match（/^（d{1,2}）（:）？（d{1,2}）2（d{1,2}）$/）; if （str == null）{ alert（"你输入的时间格式无效"）; return false; }else if （str[1]>23 || str[3]>59 || str[4]>59）{ alert（"你输入的时间格式无效"）; retu...

Tips 带三角可关闭的文字提示

2017年02月06日 23 阅读

Tips，带三角可关闭的文字提示 body{ font-size:12px;} .lj-tipsWrap,.lj-in,.lj-close{display:inline-block;} .lj-tipsWrap{background:#F4FBFF;line-height:1.5em;padding:5px 15px;border:1px solid #2192D3;position:absolute;text-align:left;} ....

JavaScript 文本框下拉提示（自动提示）

2017年02月06日 24 阅读

文本框下拉提示效果 html{overflow:-moz-scrollbars-vertical;} body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;} button,input,select,textarea {font...

JQuery的Alert消息框插件使用介绍

2017年02月06日 20 阅读

下载JS文件引用到page中，如下代码： 复制代码 代码如下: <！-- Dependencies --> <script src="/path/to/jquery.js" type="text/javascript"></script> <script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script> &...

基于jQuery的实现简单的分页控件

2017年02月06日 23 阅读

1：效果图 2：素材 3：编码 3.1思考 需要做什么？ 1：分页控件需要向后台发送请求，发送的参数包括当前页，每页显示数量，查询条件；并且获取数据加载到当前页面； 2：进行修改删除操作的时候能记住当前页； 3：查询后翻页的时候可以可以记住当前查询的条件 3.2实现 HTML 复制代码 代码如下: <！--存储数据的容器--> <div class="tableData"> </div> <！--分页控件显示--&...

AlertBox 弹出层信息提示框效果实现步骤

2017年02月06日 22 阅读

在仿Lightbox效果中，已经基本实现了这个效果，这次主要改进了ie6在fixed时的抖动问题。 此外，还增加了一个用来兼容ie6的fixed的方法，覆盖层也重新“包装”，程序也改成组件的结构。 兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0 效果预览 http://demo.jb51.net/js/AlertBox/index.htm程序说明【实现原理】弹出层的基本原理在仿...

JavaScript实现的图片3D展示空间（3DRoom）

2017年02月06日 22 阅读

程序就是模拟这样一个三维空间，里面的图片会根据三维坐标显示在这个空间。很久以前就看过一个3DRoom效果，是用复杂的计算实现的。在上一篇图片变换研究过css3的transform之后，就想到一个更简单的方法来实现。兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0效果预览 3DRoom程序说明 【实现原理】3D效果的关键，是深度的实现。把3D容器看成一个由多个不同深度的层组成的空间...

jQuery 表单验证扩展代码（一）

2017年02月06日 20 阅读

再次申明，插件问题比较多，后期一个个来解决，请不要恶言相向。希望各位多多提好的建议善言。 一. 分析表单验证的基本情况 在我们做web开发的过程中，会遇到各种各样的验证。归纳一下基本可以分为一下几类: （1）. 是否必填项 [这个是非常基本的] （2）. 输入参数中的范围校验 （3）. 输入参数与另外一个控件值的比较 （4）. 输入的参数正则表达式验证 二. 是否必填项验证 有如下几种情况: （1） 输入框获得焦点提示 （2）输入框失去焦点验证错误提示 （...