随笔分类 - JavaScript
摘要：如果Json返回的日期格式是：/Date(1199116800000)/ 这种形式，其原因是服务器端使用的数据类型为DateTime类型，如果使用String类型则是正常的时间格式，当然也可以在JS中处理，方法有挺多种，例如:<scriptlanguage="javascript"type="text/javascript"> $(function(){vardate="/Date(1199116800000)/";alert(DateFormat(date)); //调用});functionDateFormat(val
阅读全文
摘要：Array.prototype.max=function(){ //最大值returnMath.max.apply({},this)}Array.prototype.min=function(){ //最小值returnMath.min.apply({},this)}[1,2,3].max()//=>3[1,2,3].min()//=>1Array.max=function(array){returnMath.max.apply(Math,array);}Array.min=function(array){returnMath.min.apply(Math,array);}vart
阅读全文
摘要：<scriptlanguage="javascript">//从一个给定的数组arr中,随机返回num个不重复项functiongetArrayItems(arr,num){//新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;vartemp_array=newArray();for(varindexinarr){temp_array.push(arr[index]);}//取出的数值项,保存在此数组varreturn_array=newArray();for(vari=0;i<num;i++){//判断如果数组还有可以取出的元素,以
阅读全文
摘要：//获取数组中的随机数//HF.Math.RandomNumbers是前缀，可以自己定义，主要看逻辑代码HF.Math.RandomNumbers=function(startNum,endNum,count,repeat){varret=[];if(repeat){for(vari=0;i<count;i++){ret[i]=HF.Math.Random(startNum,endNum);}returnret;}vartmp=[];vari=0;for(vars=startNum;s<=endNum;s++){tmp[i++]=s;}varl=tmp.length;for(i=0
阅读全文
摘要：functiongetByteLen(val){ //传入一个字符串varlen=0;for(vari=0;i<val.length;i++){if(val[i].match(/[^\x00-\xff]/ig)!=null)//全角len+=2; //如果是全角，占用两个字节elselen+=1; //半角占用一个字节}returnlen; } //调用 if (getByteLen("追忆") < 3) { alert("长度不能小于3个字符");}else{ alert("输入正确");}
阅读全文
摘要：超简单：只加一句onclick就行了...<imgid="verifyCode"src="../Common/VerifyCodePage.aspx"alt=""onclick="this.src='../Common/VerifyCodePage.aspx?='+Math.random();"/>
阅读全文
摘要：方法一：<scriptlanguage="javascript">functiongetIE(){if(navigator.appName=="MicrosoftInternetExplorer"){if(navigator.appVersion.match(/7./i)=='7.'){//是IE7，不跳转}else{//不是，跳转location.href='http://127.0.0.1';}}}</script>方法二：<spanid="Css"></s
阅读全文
摘要：主要就是为了监听键盘按下的是哪个键，并且转成ASCII码;<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charse
阅读全文
摘要：兼容:IE7以上版本及FF；（腾讯的WebQQ3.0好像也不兼容IE6,其实这样挺好的）上图片素材先：背景图片: 浮云图片: ←——————————这里是有图片D~ 全选就能看见了（因为背景是白的，云也是白的嘛~）…… CSS代码： <styletype="text/css">*{margin:0;padding:0;}body{background:url("Images/body_bg.jpg")repeatcenter0fixed;}.cloud{background:url("Images/cloud1.png")
阅读全文
摘要：首先感谢“杨中科”老师，免费发布教学视频；老规矩，先上传图片素材；一共六张图片，三大，三小（大的图片大家可以把他下载下来，当成手机屏保哦，由于图片太大，我只让他显示200*300了）。小图片都是通过document.createElement("img") 创建的html标签图片上传完了，下面就该是代码了，代码里都有注释，所以在这里我就不白话了；直接看注释就OK了；<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD
阅读全文
摘要：主要应用到的是dispaly:none 和 dispaly:block;来控制实现的；<a id="link" href="#" onclick="linkonclick()">登录</a>这里还有一种写法<a href="javascript:linkonclick()">登录</a>两种效果是一样的；View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"&quo
阅读全文
摘要：View Code 1<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">2<html>3<head>4<title>自定义Tooltip特效</title>5<styletype="text/css">6bodyul7{8list-style:none;9}1011bodyli12{13margin:60px;14}1516div17{18border:1pxsolid#CCC;19padding:10px;20backg
阅读全文
摘要：View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><html><head><title>跟随鼠标的图片特效</title><scriptlanguage="javascript"type="text/javascript">document.onmousemove=function(){varx=window.event.clientX;vary=window.event.clien
阅读全文
摘要：View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><html><head><title>网站评分特效</title><styletype="text/css">*{font-size:50px;}</style><scriptlanguage="javascript"type="text/javascript">functionindexO
阅读全文
摘要：1<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">2<html>3<head>4<title>开关灯效果</title>5<styletype="text/css">6body7{8background:#FFF;9}10.day11{12background:#000;13}14.night15{16background:#FFF;17}18</style>19<scriptlanguage=&quo
阅读全文
