摘要：Vertical-align垂直居中无效的解决方法 前言：为什么Vertical-align垂直居中这么难用！！！ 多么优美的方法，但使过程中，99%的人使终会犯错，到底Vertical-align有哪些要求呢？我们先从理论上来分析一下。 开始 在遇到将元素在垂直方向上对齐的需求时，CSS提供了多种
阅读全文
摘要：如果你看到这篇文章，我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单，但是它仍然有一些奇怪的地方，对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心，我下面已经把代码划分成小部分，做了一个简单的指导。那些语法看起来可能过于复杂，但是如果进入到它的思想和模式中
阅读全文
摘要：JavaScript中的this，刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要，然而自己并不关心；随着自己对JavaScript一步步深入了解，突然恍然大悟，原来它真的很重要！所以，自己花费了大约2周的时间去查贴、翻阅之前读的书籍，将this的全貌展示如下。 一、this是什么
阅读全文
摘要：window.showModalDialog刷新父窗口和本窗口的方法及注意window.showModalDialog刷新父窗口和本窗口的方法及注意：一.刷新父窗口的方法： A.使用window.returnValue给父窗口传值，然后根据值判断是否刷新。 在window.showModalDial...
阅读全文
摘要：//在Js中判断为空的方法js判断为空Null与字符串为空简写方法作者： 字体：[增加 减小] 类型：转载 时间：2014-02-24最近开始研究JavaScript的简写方法，下面就是有关判断为空的简写方法最近突然发现自己写的JavaScript代码比较臃肿，所以开始研究JavaScript的简写...
阅读全文
摘要：iframe元素也就是文档中的文档，或者好像浮动的框架(frame)。关于iframe的操作一直是一个疑难点，网上有很多这方面的文章介绍。下面我结合自己的经验，整理一下笔记记录下来。一、页面三个页面：父页面和两个子页面，两个子页面在父页面的两个iframe里。1、父页面MainForm.aspx 父页面（文本失去焦点可看结果）： 2、子页面A 子页面1（文本失去焦点可看结果）： 3、子页面B 子页面2（文本失去焦点可看结果）： 二、操作1、父页面操作子页面这个毫无疑问要在父页面MainForm.aspx文件里实现。我们修改父页面的javascri...
阅读全文
摘要：【Web前端】CSS div居中显示1.内层需要居中的div宽度小于外层，这里的例子是内层宽度300px，外层500px；2.内层需要居中的div宽度大于外层，这里的例子是内层宽度700px，外层500px，居中显示里层div，两侧超出部分隐藏；把一个宽度小于父元素的层居中显示很简单，只需要设置该元素的margin值，将left和right设置为auto即可： 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type&
阅读全文
摘要：View Code <script language="javascript"> var url=window.location.search; if(url.indexOf("?")!=-1) { var str = url.substr(1) strs = str.split("&"); for(i=0;i<strs.length;i++) { document.write([strs[i].split("=")[0]],'＝',unescape(strs[i].spl
阅读全文
摘要：View Code //构造函数 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用 this.address = '上海'; //私有属性 var name = '豪情'; var age = 29; var that = this; //私有方法 function say...
阅读全文
摘要：json2.js的初步学习与了解json2.js的初步学习与了解1.）该js的下载地址是：http://www.json.org/json2.js2.）在页面中引用该脚本：<script type="text/javascript" src="js/json2.js"></script>3.）示例演示一：//直接声明json数据结构 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method
阅读全文
摘要：一导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script>二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:tru
阅读全文
摘要：首先谈一下浏览器，虽然现在ie依然是浏览器市场的老大，大约占有67%的份额，但是由于其各方面的欠缺，用户开始选择其他浏览器作为自己浏览网页的主要 工具，比如firefox、theworld、maxthon、chrome、opera等等，在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、greenbrower等等都属于ie内核，而firefox、chrome、opera则 为非ie内核，众多的浏览器使我们的web程序就出现了兼容问题，像ie就有ie 6、ie7、ie8之分，同样的样式控制和js脚本，在不同的ie版本中也会出现不同的效果，甚至b
阅读全文
摘要：View Code print?//校验用户名：只能输入1-30个字母 function isTrueName(s) { var patrn=/^[a-zA-Z]{1,30}$/; if (!patrn.exec(s)) return false return true } //校验密码：只能输入6-20个字母、数字、下划线 function isPasswd(s) { var patrn=/^(/w){6,20}$/; if (!patrn.exec(s)) return false return true } ...
阅读全文
摘要：View Code function EuwCheckExt(path,extList){ var ext = getFileExt(path); var cExt = extList.indexOf("," + ext + ","); if (ext == "") return -1; if (cExt){ return 1; }else{ return 0; }}//取得文件扩展名function getFileExt(path){ var tmp = path; tmp = tmp.substring(tmp.lastIndex
阅读全文
摘要：这个滑动条（拖动条）效果，一开始是参考了BlueDestiny的slider和Apple产品展示的样式，做了程序的原型。在做了拖放效果之后，我想应该可以做一个更好的了，所以重做一遍，完善和扩展了一些功能。碍于时间没有做得很强大，都是一些基本功能，希望各位多提意见！效果预览预览效果1：这个是仿Apple滑动条产品展示效果。除了原来的效果（包括点击缓动滑移、拖动滑移），我还加入了本程序特有的滚轮和键盘控制，滑动条两端鼠标放上去会自动滑动，滑动到两边还会自动换一个表示停止的图案。1. 图片切割2. 图片切换展示3. 图片变换效果4. 无刷新上传5. 图片滑动展示预览效果2：这里是稍微模拟了一下滚动条
阅读全文
摘要：e = event?event ：(window.event?window ：event:null);e = e || window.event;为什么要如此写，这与浏览器的事件处理模型有关，虽然ie事件模型提供了Event对象的详细情况，但它不把event对象作为参数传递给处理程序，而通过全局window对象的event属性访问event对象。这意味着ie中的事件处理程序可以用window.event或只用event引用event对象。虽然在用函数参数的地方使用全局变量看起来比较奇怪，但ie模式能够运行，因为事件驱动程序设计模型中，一次只处理一个事件。由于从来不会并发处理两个事件，因此用全局
阅读全文
摘要：js键盘事件全面控制 兼容FireFox和IE主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，
阅读全文
摘要：Div的内容自动换行(转载)word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词
阅读全文
摘要：View Code <input type="text" onfocus="getDivPosition(this)" onfocusout="setDivHidden()"/><br>dasf<br>dasf<br>dasf<br>dasf<br>dasfdasfda<div id="addr" style="display:none;position:absolute;background:red;width:100px;h
阅读全文
摘要：关于 css 编写的问题 转自http://www.cnblogs.com/fighting_cp/archive/2010/09/06/1819476.html 最近一直在做Css Lab，也一直在思考关于页面设计的技术问题，以前对Html+css+js的认识很片面，很多不知道，都是因为没有好好的去研究，去分析，去编写测试，今天主要说下关于Css编写的问题，希望大家多多留言，我是抛砖引玉。 Css和其他程序一样，都是有作用域这个概念，有全局、类局部作用这些方式。 举个例子： p{background:#f00;}/* 作用域 ：全局 */ .div p{color:#000...
阅读全文
浙公网安备 33010602011771号