随笔分类 - JS/JQuery
摘要：
当页面中图片失效时，用默认的图片来代替。如果图片很少，可以直接添加到页面里：
如果像是列表页这种图片比较多的情况下可以用jquery来执行：
$("img").error(function() {
$(this).attr("src","images/defaultpic.gif");
});
阅读全文
当页面中图片失效时，用默认的图片来代替。如果图片很少，可以直接添加到页面里：
如果像是列表页这种图片比较多的情况下可以用jquery来执行：
$("img").error(function() {
$(this).attr("src","images/defaultpic.gif");
});
阅读全文
摘要：
这是一个非常实用的功能，在网页里难免会出现一些尺寸过大的图片，会将页面撑开或者图片被部分隐藏，我们通常会用css的max-width来加以 控制，但ie6却不吃这套。我在做一个站时，就遇到这种困惑，因为最近也在学习jQuery，就想到用jq来处理这个问题。经过一番思索，觉得这个问题其 实并不难，下面就具体来说：
一、思路：
要解决尺寸问题，首先要先获取图片的宽和高，然后定义一个最大宽度，进行判断，如果实际宽度大于设定的最大宽度，那么就让实际宽度等于最大宽度，至于高度就按照高宽比进行比例缩小即可。将思路整理了一下然后列出中文语句：
1） 设定最大宽度
2） 获取图片宽度
3） 获取图片高度
4） 定义高度的比例关系（新的高度 = 高 / 宽 * 设定的宽度）
5） 判断，如果宽度设定的最大宽度
6） 那么宽度=最大宽度；高度=新的高度
7） 结束
阅读全文
这是一个非常实用的功能，在网页里难免会出现一些尺寸过大的图片，会将页面撑开或者图片被部分隐藏，我们通常会用css的max-width来加以 控制，但ie6却不吃这套。我在做一个站时，就遇到这种困惑，因为最近也在学习jQuery，就想到用jq来处理这个问题。经过一番思索，觉得这个问题其 实并不难，下面就具体来说：
一、思路：
要解决尺寸问题，首先要先获取图片的宽和高，然后定义一个最大宽度，进行判断，如果实际宽度大于设定的最大宽度，那么就让实际宽度等于最大宽度，至于高度就按照高宽比进行比例缩小即可。将思路整理了一下然后列出中文语句：
1） 设定最大宽度
2） 获取图片宽度
3） 获取图片高度
4） 定义高度的比例关系（新的高度 = 高 / 宽 * 设定的宽度）
5） 判断，如果宽度设定的最大宽度
6） 那么宽度=最大宽度；高度=新的高度
7） 结束
阅读全文
摘要：
Round是四舍五入的。。。Ceiling是向上取整。。float是向下取整。
ceil()：将小数部分一律向整数部分进位。
如：
Math.ceil(12.2)//返回13
Math.ceil(12.7)//返回13
Math.ceil(12.0)// 返回12
floor()：一律舍去，仅保留整数。
如：
Math.floor(12.2)// 返回12
Math.floor(12.7)//返回12
Math.floor(12.0)//返回12
round()：进行四舍五入
如：
Math.round(12.2)// 返回12
Math.round(12.7)//返回13
Math.round(12.0)//返回12
阅读全文
Round是四舍五入的。。。Ceiling是向上取整。。float是向下取整。
ceil()：将小数部分一律向整数部分进位。
如：
Math.ceil(12.2)//返回13
Math.ceil(12.7)//返回13
Math.ceil(12.0)// 返回12
floor()：一律舍去，仅保留整数。
如：
Math.floor(12.2)// 返回12
Math.floor(12.7)//返回12
Math.floor(12.0)//返回12
round()：进行四舍五入
如：
Math.round(12.2)// 返回12
Math.round(12.7)//返回13
Math.round(12.0)//返回12
阅读全文
摘要：
FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数，今天来说说具体的参数来给大家看看！
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动
slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下
slidesh
阅读全文
FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数，今天来说说具体的参数来给大家看看！
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动
slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下
slidesh
阅读全文
摘要：
div的onmouseout事件让div消失时，会出现这样的情况，就是当鼠标移至div中的其它内容时，此时也判定为离开div，会触发 onmouseout事件，这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠 标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。
就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。
阅读全文
div的onmouseout事件让div消失时，会出现这样的情况，就是当鼠标移至div中的其它内容时，此时也判定为离开div，会触发 onmouseout事件，这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠 标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。
就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。
阅读全文
摘要：
对于很多建站的朋友来讲，焦点图并不陌生，一般的企业站，门户站都会用到焦点图。我们平时在写html代码的时候，很多人为了省时省力，对于焦点图都是在网上下载一些人家写好的代码，直接套上去即可，很多时候我自己也是这样来的。因为一个焦点图有html布局，css样式调试和最关键的 javascript语句的编写。这些都是一个很麻烦的过程。
今天我就以实例讲解，手把手教你如何写Jquery焦点图。Jquery是js封装的框架，让js的语法变得简单，很多知名网站都在用这个框架。这里星仔为了语法的简单，让大部分网友能看懂，也引用Jquery框架。
长话短说，我直接贴出源代码，和对应的注释。如果想要体验效果可以点击文章后而给的示例连接。
阅读全文
对于很多建站的朋友来讲，焦点图并不陌生，一般的企业站，门户站都会用到焦点图。我们平时在写html代码的时候，很多人为了省时省力，对于焦点图都是在网上下载一些人家写好的代码，直接套上去即可，很多时候我自己也是这样来的。因为一个焦点图有html布局，css样式调试和最关键的 javascript语句的编写。这些都是一个很麻烦的过程。
今天我就以实例讲解，手把手教你如何写Jquery焦点图。Jquery是js封装的框架，让js的语法变得简单，很多知名网站都在用这个框架。这里星仔为了语法的简单，让大部分网友能看懂，也引用Jquery框架。
长话短说，我直接贴出源代码，和对应的注释。如果想要体验效果可以点击文章后而给的示例连接。
阅读全文
摘要：jQuery.extend(jQuery.validator.messages, {
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.validator.format("请输
阅读全文
jQuery.extend(jQuery.validator.messages, {
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.validator.format("请输
阅读全文
摘要：
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()
一、$.ajax的一般格式
$.ajax({
type: 'POST',
url: url ,
data: data ,
success: success ,
dataType: dataType
});
阅读全文
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()
一、$.ajax的一般格式
$.ajax({
type: 'POST',
url: url ,
data: data ,
success: success ,
dataType: dataType
});
阅读全文
摘要：js COOKIE 记住帐号或密码 用户名: 密码： 记住密码
阅读全文
摘要：
我知道，有些人（譬如之前的我）写js的for循环时，都不习惯加上var，这当然是语法允许的。譬如下面。
for(i=0;i10;i++){//就不写成: var i=0
alert(i);
}
但是，这真的不是个好习惯，下面我就说说为什么写Js的for循环一定要加var，否则会时不时给你带来烦人难查的bug。
譬如现在我们要实现这样的功能：输出
10
20
30
40
50
60
70
80
90
100
通过下面code实现，WriteNumber从1到10循环，每次循环调用TenTimes方法返回10倍的索引值。
复制代码
1
复制代码
你会发现最终只输出了10。大家可以用下面的代码框运行测试。
阅读全文
我知道，有些人（譬如之前的我）写js的for循环时，都不习惯加上var，这当然是语法允许的。譬如下面。
for(i=0;i10;i++){//就不写成: var i=0
alert(i);
}
但是，这真的不是个好习惯，下面我就说说为什么写Js的for循环一定要加var，否则会时不时给你带来烦人难查的bug。
譬如现在我们要实现这样的功能：输出
10
20
30
40
50
60
70
80
90
100
通过下面code实现，WriteNumber从1到10循环，每次循环调用TenTimes方法返回10倍的索引值。
复制代码
1
复制代码
你会发现最终只输出了10。大家可以用下面的代码框运行测试。
阅读全文
摘要：
第一种：精确到秒的javascript倒计时代码
HTML代码:
离2010年还有:
阅读全文
第一种：精确到秒的javascript倒计时代码
HTML代码:
离2010年还有:
阅读全文
摘要：WEB页面导出为EXCEL文档的方法WEB页面导出为EXCEL文档的方法列标题1列标题2列标题3列标题4列标题5aaabbbcccdddeeeAAABBBCCCDDDEEEFFFGGGHHHIIIJJJ---下面是处理excel 进程关闭问题----------------------// Java...
阅读全文
摘要：keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeyc...
阅读全文
摘要：1. 长度限制2. 只能是汉字3." 只能是英文4. 只能是数字5. 只能是英文字符和数字6. 验证油箱格式7. 屏蔽关键字(这里屏蔽***和****)8. 两次输入密码是否相同屏蔽右键 很酷oncontextmenu="return false" ondragstart="return fals...
阅读全文
摘要：click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") ...
阅读全文
摘要：javascript事件列表解说事件 浏览器支持 解说一般事件 onclick IE3、N2 鼠标点击时触发此事件ondblclick IE4、N4 鼠标双击时触发此事件onmousedown IE4、N4 按下鼠标时触发此事件onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件onmo...
阅读全文
摘要：//无模式的提示框//屏蔽按键 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键//屏蔽打印//移动的图层，拖动1.meizz2.wlecome//文档状态改变//刷新后不变...
阅读全文
摘要：事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeye...
阅读全文
摘要：非模态刷新父页面：window.opener.location.reload();模态刷新父页面：window.dialogArguments.location.reload();先来看一个简单的例子：下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说...
阅读全文
摘要：JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧，这里的都是正则表达式的例子，具体和函数结合的使用方法，还请查看下篇文章《JavaScript使用正则表达式进行验证》匹配中文字符的正则表达式： [u4e00-u9fa5]评注：匹配中文还真是个头疼的事，...
阅读全文
浙公网安备 33010602011771号