JavaScript资料,JavaScript文章,JavaScript文档-易库教程

用javascript作一个通用向导说明

2017年02月06日 22 阅读

1、界面设计 index.html:只提供了一个向导显示位置的占位符复制代码代码如下: <html> <head> <title>礼物推荐向导</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="st...

jquery 简短几句代码实现给元素动态添加及获取提示信息

2017年02月06日 22 阅读

还是要首先引用JQ框架。然后来看看效果：（连接添加不上）只能暂时看哈图片，具体效果可参见我博客左方“My Box”中的“玩游戏”：下面代码中有具体注释。再来看看代码：复制代码代码如下: <div id="_gameinfo" style="width:158px; border:1px #FFC solid; background-color:#FFF; position:fixed; z-index:101; display:none;...

jQuery1.6 类型判断实现代码

2017年02月06日 23 阅读

首先定义了全局变量class2type = {}; rdigit = /d/,//正则判断是否是数字 toString = Object.prototype.toString; 通过jQuery.each，定义class2type的属性和值：复制代码代码如下: jQuery.each（"Boolean Number String Function Array Date RegExp Object".split（" "）, function（i, ...

基于jquery的loading 加载提示效果实现代码

2017年02月06日 21 阅读

loading 加载提示 ······ 透明遮罩居中复制代码代码如下: body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha（opacity=40）; backg...

基于jQuery+HttpHandler实现图片裁剪效果代码（适用于论坛, SNS）

2017年02月06日 21 阅读

正文:为了使层次分明及便于阅读, 整个解决方案如下:其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:简单说明下, 更多说明可查看源码注释 :Cutter为裁剪对象, 用于存储客户端通过AJAX提交的数据.Helper为图片处理类, 包括图片翻转（RotateImage（））, 图片裁剪（GenerateBitmap（））.Callback为服务器端图片处理类, 通过使用Cutter封装客户端AJAX提交的数据, 然后调用Helpe...

25个非常棒的jQuery滑块插件和教程小结

2017年02月06日 22 阅读

1.Create a Slick and Accessible Slideshow Using jQuery效果演示2.Create an Image Rotator with Description （CSS/jQuery）效果演示3.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery效果演示4.Fancy Thumbnail Hover Effect w/ jQuery效果演示5.Si...

简短几句jquery代码的实现一个图片向上滚动切换

2017年02月06日 22 阅读

animate（）参数介绍： animate（）方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 PS:但是如果你引用了最新jquery ui框架的话backgroudColor,color之类的属性也可以实现渐变了。 PS：...

Javascript变量函数浅析

2017年02月06日 22 阅读

一、变量在javascript变量中可以存放两种类型的值：原始值和引用值。原始值存储在栈上的简单字段，也就是值直接存储在变量所标示的位置内。引用值存储在堆内的对象，栈内变量保存的是指向堆内对象的指针值。在javascript中有5种基本类型：Undefined,Null,Boolean,Number,String。引用类型其实就是对象，类似其他语言中类实例的概念。复制代码代码如下: var b = true; // 存储在栈上 var num...

Jquery 一次处理多个ajax请求的代码

2017年02月06日 23 阅读

复制代码代码如下: $（document）.ready（function （） { $（"#getsetgo"）.click（function （） { $.when（$.ajax（"page1.php"）, $.ajax（"page2.php"））.done（function（a1, a2）{ $（"#id1"）.html（a1[0]）; $（"#id2"）.html（a2[0]）; }）; }）; }）; jquery 1.5发布后，其中新增加方法...

jQuery验证Checkbox是否选中的代码推荐

2017年02月06日 21 阅读

一般人验证估计都是想到这种方法：复制代码代码如下: function chk（） //是否被选中验证有选中的return true,否return false { var falg = 0; $（"input[name=cbname]:checkbox"）.each（function（）{ if（$（this）.attr（"checked"）） // 这里可以用 if（$（"#cr"）.is（":checked"）） { falg +=1; // 这里...

分享20多个很棒的jQuery 文件上传插件或教程

2017年02月06日 22 阅读

1. PluploadPlupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。2. The KillersAjax Upload该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE3. SWFUpload jQuery Plugin4. AjaxFileUpload5. UploadifyUploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如...

JQuery扩展插件Validate 5添加自定义验证方法

2017年02月06日 23 阅读

示例如下：复制代码代码如下: <script type="text/javascript"> jQuery.validator.addMethod（"regex", //addMethod第1个参数:方法名称 function（value, element, params） { //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数） var exp = new RegExp（params）; //实例化正则对象...

JQuery扩展插件Validate 1 基本使用方法并打包下载

2017年02月06日 24 阅读

分别是： <script src="../Contents/JS/jquery-1.5.js" type="text/javascript"></script> <script src="../Contents/JS/jquery.validate.min.js" type="text/javascript"></script> 1、基本使用方法，通过样式设置验证规则复制代码代码如下: <scrip...

JQuery扩展插件Validate 2通过参数设置验证规则

2017年02月06日 22 阅读

代码如下：复制代码代码如下: <script type="text/javascript"> $（function（） { $（"#signupForm"）.validate（ //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 required: true, //必填，这里可以是一个匿名方法 equalTo:...

JQuery扩展插件Validate 3通过参数设置错误信息

2017年02月06日 23 阅读

最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的js修改如下：复制代码代码如下: <script type="text/javascript"> $（function（） { $（"#signupForm"）.validate（ //在上例中新增的部分 { rules: { txtPassword1: "requ...

JQuery扩展插件Validate—4设置错误提示的样式

2017年02月06日 22 阅读

我们先来使用firebug查看在前面的示例中JS产生的html错误提示:从图中我们发现错误信息是被放在了一个label标签中，且有一个类样式error，只要为signupform下面的label标签中的error定css样式，应该就可以修改显示结果了,添加的css代码如下：复制代码代码如下: <style type="text/css"> * { font-size: 14px; } #signupForm label.error { co...

JQuery扩展插件Validate—6 radio、checkbox、select的验证

2017年02月06日 20 阅读

效果如下所示：解决这个问题的办法是将错误信息指定到一个特定的位置，validate（）方法的参数中可以进行自定义，示例代码如下:复制代码代码如下: <script type="text/javascript"> jQuery.validator.addMethod（"regex", //addMethod第1个参数:方法名称 function（value, element, params） { //addMethod第2个参数:验证方法， ...

jquery绑定原理简单解析与实现代码分享

2017年02月06日 20 阅读

jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表可以看下面的例子（请在firefox中查看因为firefox中对象支持toSource（））复制代码代码如下:<！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2...

yepnope.js 异步加载资源文件

2017年02月06日 22 阅读

典型代码示例复制代码代码如下: yepnope（{ test : Modernizr.geolocation, yep : "normal.js", nope : ["polyfill.js", "wrapper.js"] }）; 当Modernizr.geolocation为真时，加载yep项也就是”normal.js”，否则加载nope项——可以同时加载多个文件。 yepnope和现有的xxx script loader有什么区别？个人认为主要...

$.ajax返回的JSON无法执行success的解决方法

2017年02月06日 22 阅读

晚上在修改代码，之前用的复制代码代码如下: $.ajax（{ .. dataType:"json", ... success:function（json）{ //不执行success }, error:function（error）{ //总是执行这个error } }）; 为什么会这样子呢？在网上查了好久，结果发现是因为我指定了dataType:"json",这样一指定完蛋了，对Json的要求就非常严格起来了，起初我的json格式是这样写的："{r...

首页 / 脚本样式 / JavaScript

用javascript作一个通用向导说明

jquery 简短几句代码实现给元素动态添加及获取提示信息

jQuery1.6 类型判断实现代码

基于jquery的loading 加载提示效果实现代码

基于jQuery+HttpHandler实现图片裁剪效果代码（适用于论坛, SNS）

25个非常棒的jQuery滑块插件和教程小结

简短几句jquery代码的实现一个图片向上滚动切换

Javascript变量函数浅析

Jquery 一次处理多个ajax请求的代码

jQuery验证Checkbox是否选中的代码 推荐

分享20多个很棒的jQuery 文件上传插件或教程

JQuery扩展插件Validate 5添加自定义验证方法

JQuery扩展插件Validate 1 基本使用方法并打包下载

JQuery扩展插件Validate 2通过参数设置验证规则

JQuery扩展插件Validate 3通过参数设置错误信息

JQuery扩展插件Validate—4设置错误提示的样式

JQuery扩展插件Validate—6 radio、checkbox、select的验证

jquery绑定原理 简单解析与实现代码分享

yepnope.js 异步加载资源文件

$.ajax返回的JSON无法执行success的解决方法

jQuery验证Checkbox是否选中的代码推荐

jquery绑定原理简单解析与实现代码分享