leejersey - 博客园

2012年9月9日

摘要：请尽量用xhtml格式写代码，而且DOCTYPE影响 CSS 处理，作为W3C标准，一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 http://www.php100.com 2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： <#div id=”imfloat”> 相应. 阅读全文

posted @ 2012-09-09 14:57 leejersey 阅读(271) 评论(0) 推荐(0)

2012年9月4日

Banner设计

摘要： Banner设计可以说是我日常工作中最主要的一块需求，banner不比大型项目，从设计成本上来讲不可能给太多的时间给设计师，所以这也引发了我对如何更有效率地完成一个banner的思考。我觉得构成banner的重点主要有三个方面，即风格，排版以及配色。我个人的习惯是先定风格，再做大致的排版和配色，然后根据整体再来调整，最后再优化细节。下面我就根据自己的一些经验从从这3个方面展开来讲一下(视觉大牛们请轻拍)：首先是风格，一般情况下风格在跟需求方沟通的时候就已经定好了大概的方向，同时我们可以问他要一些参考，进一步确认风格，还有种情况是需求方方没有任何的要求，就说让你自己把握就好，那这个我觉得也是分两阅读全文

posted @ 2012-09-04 17:18 leejersey 阅读(534) 评论(0) 推荐(0)

2012年8月22日

清除浮动

摘要：浮动是一个有意思（你也可以说它很麻烦）的CSS属性，任何元素设置了浮动，层级就提高了，会影响它后面没设置浮动的元素，这些倒霉的被影响者会跑到浮动层的下面去（当然IE6、IE7除外），代码看起来是这样：<div style="width: 100px; height: 100px; border: 1px solid #333; float: left;"></div><div style="width: 120px; height: 140px; background: #eee;"></div>因为设置了阅读全文

posted @ 2012-08-22 12:51 leejersey 阅读(219) 评论(0) 推荐(0)

2012年8月21日

弹出层并可拖拽

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>弹出层并可拖拽</title><style>html,body{height:100%;overflow:hidd 阅读全文

posted @ 2012-08-21 16:31 leejersey 阅读(356) 评论(0) 推荐(0)

2012年8月19日

Javascript 面向对象编程（三）：非构造函数的继承

摘要：这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。 var Chinese = {nation:'中国'};还有一个对象，叫做"医生"。 var Doctor ={career:'医生'}请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个&qu 阅读全文

posted @ 2012-08-19 09:55 leejersey 阅读(235) 评论(0) 推荐(0)

2012年8月18日

Javascript 面向对象编程（二）：构造函数的继承

摘要：这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，如何生成一个"继承"多个对象的实例。比如，现在有一个"动物"对象的构造函数，function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数，function Cat(name,color){ this.name = name; this.color = color; }怎样才能使"猫"继承"动物"呢？1. 构造函阅读全文

posted @ 2012-08-18 11:44 leejersey 阅读(250) 评论(0) 推荐(0)

2012年8月17日

Javascript 面向对象编程（一）：封装

摘要： Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？1. 生成对象的原始模式假定我们把猫看成一个对象，它有"名字"和"颜色"两个属性。 var Cat = { name : '', color : '' }现在阅读全文

posted @ 2012-08-17 09:25 leejersey 阅读(320) 评论(0) 推荐(0)

2012年8月16日

封装getStyle （获取样式currentStyle getComputedStyle兼容处理）

摘要： <script type="text/javascript">//哪个元素//哪个样式function getStyle(obj, attr){if(obj.currentStyle){return obj.currentStyle[attr];}else{return getComputedStyle(obj, false)[attr];}}window.onload=function (){var oDiv=document.getElementById('div1');alert(getStyle(oDiv, 'background 阅读全文

posted @ 2012-08-16 16:38 leejersey 阅读(8221) 评论(1) 推荐(2)

2012年8月15日

精通 JS正则表达式

摘要：正则表达式可以:•测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证•替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。创建正则表达式JavaScript Code 阅读全文

posted @ 2012-08-15 10:25 leejersey 阅读(256) 评论(0) 推荐(0)

2012年8月14日

理解闭包

摘要：一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){alert(n);} f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){var n=999;} alert(n); // error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！Js代码 function... 阅读全文

posted @ 2012-08-14 17:09 leejersey 阅读(302) 评论(0) 推荐(0)

专注WEB前端开发

爱设计，爱编程，专注WEB前端开发