文章主要内容列表：
1、 调整图片大小，不走形（FF IE 兼容）/ 剪切图片（overflow:hidden）
2、 控制textarea区域文字数量
3、 点击显示新窗口
4、 input框自动随内容自动变长
5、 添加收藏夹
6、 设置首页
7、 Jquery + Ajax 判断用户是否存在
8、 判断email格式是否正确
9、 综合判断用户名（长度，英文字段等）
10、新闻滚动
11、 只允许输入正整数 （shopping cart 使用） 或者 正数 （正整数和正小数）
12、 转换字符串为数字
13、 判断文件格式（获得文件后缀）
14、 截取字符串
15、分割字符串
主要内容 ：
1、 调整图片大小，不走形（FF IE 兼容）
// 用法 <img src="https://www.jb51.net/this_image_path.jpg" /> function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.height>= FitWidth/FitHeight){ if(image.width>FitWidth){ ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } } else{ if(image.height>FitHeight){ ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } } } }
通过 overflow：hidden进行剪切：
function clipImage(o, w, h){ var img = new Image(); img.src = o.src; if(img.width >0 && img.height>0) { if(img.width/img.height >= w/h) { if(img.width > w) { o.width = (img.width*h)/img.height; o.height = h; //o.setAttribute("style", "marginLeft:-" + ((o.width-w)/2).toString() + "px"); $(o).css("margin-left", "-"+((o.width-w)/2).toString() + "px"); } else { o.width = img.width; o.height = img.height; } } else { if(img.height > h) { o.height = (img.height*w)/img.width; o.width = w; //o.setAttribute("style", "margin-top:-" + ((o.height-h)/2).toString() + "px"); //$(o).css("style", "margin-top:-" + ((o.height-h)/2).toString() + "px"); $(o).css("margin-top", "-"+((o.height-h)/2).toString() + "px"); } else { o.width = img.width; o.height = img.height; } } } }
实例：
<style type="text/css"> ul{list-style:none;} ul li{float:left;padding:1px;border:#ccc 1px solid;width:120px;height:120px;overflow:hidden;text-align:center;over-flow:hidden;} </style> <ul> <li><img src="https://www.jb51.net/article/1.jpg" /></li> <li><img src="https://www.jb51.net/article/2.jpg" /></li> </ul>
2、控制textarea区域文字数量
<script> /** * Calculate how many characters remain in a textarea (jQuery) * @param string textarea * @param int maxLength * @param string div */ function charsRemain(textarea, maxLength, div) { var currentLength = $(textarea).val().length; var charsLeft = maxLength - currentLength; if (charsLeft < 0) { charsLeft = 0; } $("#"+ div +"_charsRemain").html(charsLeft); if (currentLength > maxLength) { var fullText = $(textarea).val().substring(0, maxLength); $(textarea).val(fullText); } } /** * Calculate how many characters remain in a textarea (javascript) * @param string textarea * @param int maxLength * @param string div */ function charsRemain(textarea, maxLength, div) { var currentLength = textarea.value.length; var charsLeft = maxLength - currentLength; if (charsLeft < 0) { charsLeft = 0; } document.getElementById(div +"_charsRemain").innerHTML = charsLeft; if (currentLength > maxLength) { var fullText = textarea.value.substring(0, maxLength); textarea.value = fullText; } } </script> <textarea rows="5" cols="15" onkeyup="charsRemain(this, 250, 'textarea');"></textarea> <span>250</span> characters remaining
3、点击显示新窗口
//弹窗 function g_OpenWindow(pageURL, innerWidth, innerHeight) { var ScreenWidth = screen.availWidth var ScreenHeight = screen.availHeight var StartX = (ScreenWidth - innerWidth) / 2 var StartY = (ScreenHeight - innerHeight) / 2 var wins = window.open(pageURL, 'OpenWin', 'left='+ StartX + ', top='+ StartY + ',,, resizable=yes, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no') wins.focus(); }
Java代码 ：
<script language="JavaScript"> // 自动弹出窗口 var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,' + 'menubar=no,toolbar=no,directories=no,location=no,' + 'status=no,resizable=no,scrollbars=yes'); whatsNew.document.write('<center><b>news</b>< /center>'); whatsNew.document.write('<p>this is a test'); whatsNew.document.write('<p>deos address'); whatsNew.document.write('<p>' + '<a href="javascript:self.close()">Close</a>'); whatsNew.document.close(); </script>
不幸的是，很多浏览器会屏蔽弹出窗口，你需要手动允许后方可看到！下面是强制弹出窗口，原理就是创建一个form，通过post打开。