<style type="text/css"> ul,li{margin:0;padding:0;font-size:12px;color:#999;} ul{height:100px;overflow:hidden;} ul li{line-height:20px;height:20px;} </style> <ul> <li>New York web design Inc.1</li> <li>Your site will be structured 2</li> <li>hat will communicate the 3</li> <li>hat will communicate the 4</li> <li>hat will communicate the 5</li> <li>hat will communicate the 6</li> <li>hat will communicate the 7</li> <li>hat will communicate the 8</li> <li>hat will communicate the 9</li> <li>New York web design Inc. 10</li> <li>New York web design Inc.11</li> <li>New York web design Inc. 12</li> <li>New York web design Inc. 13</li> <li>New York web design Inc. 14</li> </ul>
Java代码
// 用法 : 四个参数分别是:操作对象， 停留时间，相对速度（越小越快）,每次滚动多少(最好和Li的Line-height一致)。 scroll('news', 3000, 1, 20 ); function scroll(element, delay, speed, lineHeight) { var numpergroup = 5; var slideBox = (typeof element == 'string')?document.getElementById(element):element; var delay = delay||1000; var speed=speed||20; var lineHeight = lineHeight||20; var tid = null, pause = false; var liLength = slideBox.getElementsByTagName('li').length; var lack = numpergroup-liLength%numpergroup; for(i=0;i<lack;i++){ slideBox.appendChild(document.createElement("li")); } var start = function() { tid=setInterval(slide, speed); } var slide = function() { if (pause) return; slideBox.scrollTop += 2; if ( slideBox.scrollTop % lineHeight == 0 ) { clearInterval(tid); for(i=0;i<numpergroup;i++){ slideBox.appendChild(slideBox.getElementsByTagName('li')[0]); } slideBox.scrollTop = 0; setTimeout(start, delay); } } slideBox.onmouseover=function(){pause=true;} slideBox.onmouseout=function(){pause=false;} setTimeout(start, delay); }
11、只允许输入正整数 （shopping cart 使用）
<script language="JavaScript" type="text/javascript"> function checkNum(obj){ var re = /^[1-9]\d*$/; if (!re.test(obj.value)){ alert("只允许正整数!"); obj.value=''; obj.focus(); return false; } } </script> <input type="text"onkeyup="checkNum(this)" />
或正数
<script language="JavaScript" type="text/javascript"> function clearNoNum(obj) { //先把非数字的都替换掉，除了数字和. objobj.value = obj.value.replace(/[^\d.]/g,""); //必须保证第一个为数字而不是. objobj.value = obj.value.replace(/^\./g,""); //保证只有出现一个.而没有多个. objobj.value = obj.value.replace(/\.{2,}/g,"."); //保证.只出现一次，而不能出现两次以上 objobj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); } </script>
只能输入数字和小数点的文本框：<input onkeyup="clearNoNum(this)">
12、 转换字符串为数字
/* js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 */ parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaN /* 还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。 Boolean(value)——把给定的值转换成Boolean型； Number(value)——把给定的值转换成数字（可以是整数或浮点数）； String(value)——把给定的值转换成字符串。 */ Boolean(""); //false – empty string Boolean("hi"); //true – non-empty string Boolean(100); //true – non-zero number Boolean(null); //false - null Boolean(0); //false - zero Boolean(new Object()); //true – object Number(false) 0 Number(true) 1 Number(undefined) NaN Number(null) 0 Number( "5.5 ") 5.5 Number( "56 ") 56 Number( "5.6.7 ") NaN Number(new Object()) NaN Number(100) 100 var s1 = String(null); //"null" var oNull = null; var s2 = oNull.toString(); //won't work, causes an error
13、 判断文件格式（获得文件后缀）