摘要: Ajax是Asynchronous JavaScript and XML的缩写,其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作。这种利用Ajax技术进行的数据交互并不局限于Web动态页面,在普通的静态HTML页面中同样可以实现,因此,在这样的背景下,Ajax技术在页面开发中得以广泛使用。jQuery中的load()方法 在传统的javascript中,使用XMLHttpRequest对象异步加载数据;而在jQuery中,使用load()方法可以轻松实现获取异步数据的功能。其调用的语法格式为:... 阅读全文
posted @ 2013-11-04 23:01 白小虫 阅读(595) 评论(0) 推荐(0) 编辑
摘要: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.scrollTop网页被卷去的左: document.body.scrollLeft网页正文部分上: w 阅读全文
posted @ 2013-11-04 11:42 白小虫 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 需求如下: (1)将尺寸不同的相片同意成宽度与高度相同的缩略图片,展示在页面中。 (2)当单机“点击放大”链接时,以动画的效果放大至其原始图片,同时,隐藏“点击放大”链接,显示该图的基本信息。 (3)当单机元素图片中的“关闭”按钮时,以动画的效果将图片缩小成单机前的缩略图,即返回发哦图片初始状态。 (4)在浏览放大后的原始图片时,又单机其他缩略图片,那么,处于放大状态的原始图片自动以动画的效果进行关闭,使得整个相册始终只有一个图片处于放大状态。代码如下:htmlDocument 图片1 ... 阅读全文
posted @ 2013-11-04 11:02 白小虫 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 在jQuery中,通过animate()可以实现元素的动画显示,但在显示的过程中,必然要考虑各种客观因素和限制性条件的存在,因此,在执行动画时,可通过stop()方法停止或delay()方法延时某个动画的执行。stop()与delay()方法的语法调用格式介绍如下。stop()方法的格式如下: stop([clearQueue],[gotoEnd]) 该方法的功能是停止所选元素中正在执行的动画,其中可选参数[clearQueue]是一个布尔值,表示是否停止正在执行的动画,另外一个可选参数[gotoEnd]也是一个布尔值,表示是否立即完成正在执行的动画。 delay()方法的格式如下... 阅读全文
posted @ 2013-11-04 10:18 白小虫 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 在JQuery中,通过使用animate()方法,可以允许用户自定义动画,制作出效果更优雅、动作更复杂的页面动画效果。animate()方法给开发者自定义各种复杂、高级的动画提供了极大的方便和空间,其调用语法为: animate(params,[duration],[easing],[callback]) 参数params表示用于制作动画效果的属性样式和值的集合。 可选项[duration]表示三种默认的速度字符“slow”、“normal”、“fast”或自定的数字。 可选参数[easing]为动画插件使用,用于控制动画的表现效果,通常有“linear”和“swing”字符值。 可... 阅读全文
posted @ 2013-11-03 23:49 白小虫 阅读(576) 评论(0) 推荐(0) 编辑
摘要: show()和hide()方法与fadeIn()和fadeOut()方法相比较,相同之处是都是切换元素的显示状态,不同之处在于,前者的动画效果使用元素的width与height属性都发生了变化,而后者仅是改变元素的透明度,并不修改其他属性。fadeIn()和fadeOut()方法调用格式如下。 fadeIn()方法的格式:fadeIn(speed,[callback]) 该方法的功能是改变所选元素的透明度,实现淡入的动画效果,并在完成时,可执行一个回调的函数。参数speed为动画效果的速度,可选参数callback为动画完成时执行的函数。 fadeOut()方法的格式:fadeOut... 阅读全文
posted @ 2013-11-03 23:20 白小虫 阅读(4184) 评论(0) 推荐(0) 编辑
摘要: function check(){ //var pattern1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//15位的身份证 //var pattern2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;//18位的身份证 //var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;//匹配15位或者18位身份证 //var pattern = /^(\d{1,2}|1\d\d|2[ 阅读全文
posted @ 2013-11-02 23:24 白小虫 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:]*>.*?| 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力 匹配首尾空白字符的正则表达式:^s*|s*$ 评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表... 阅读全文
posted @ 2013-11-01 23:41 白小虫 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 要实现元素的华东效果,需要调用JQuery中的两个方法,一个是slideDown(),另一个是slideUp()。其调用的语法格式如下: slideDown()方法格式:slideDown(speed,[callback]) 其功能是以动画的效果将所选择的高度向下增大,使其呈现一种“滑动”的效果,而元素的其他属性并不发生变化;参数speed为动画显示的速度,可选项[callback]为动画显示完成后没执行的回调函数。 slideUp()方法格式:slideUp(speed,[callback]) 其功能是以动画的效果将所选择的高度向上减小,同样也是仅改变高度属性,其包含的参数作用与... 阅读全文
posted @ 2013-10-31 17:33 白小虫 阅读(10258) 评论(0) 推荐(0) 编辑
摘要: Document 结果如下图所示:形式一、无参数调用格式: toggle()形式二、逻辑参数调用格式: toggle(switch) 参数switch为一个布尔值,即true或false。当该值为true时,显示元素,反之隐藏。形式三、动画效果调用格式: toggle(speed,[callback]) 与show(speed,[callback])种的参数所表示的意义是一样的。 阅读全文
posted @ 2013-10-31 15:59 白小虫 阅读(957) 评论(0) 推荐(0) 编辑