2013年3月25日
js中document.documentElement 和document.body 以及其属性
摘要： 在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document .body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document .documentElement来取代document .body,可以这样写 例： var top = document .documentElement.scrollTop || document .b 阅读全文
posted @ 2013-03-25 16:00 mguo 阅读(501) 评论(0) 推荐(0) 编辑
Input的size,width,maxlength属性
摘要： INPUT元素是页面设计的最基本的元素之一，是FORM表单的组成部分，也可以单独使用。是用户交互必不可少的元素。对于INPUT的布局，可能会出现在某些浏览器下正常，在某些浏览器中杂乱的现象：无缘无故的换行了--！，曾经为此事甚感头疼。造成布局问题的最直接的一个原因，往往是宽度高度设置的不合理导致的。更有甚者，是不设置高度，因为 INPUT的size属性，也会影响它的宽度，所以，有的人往往只设置size，不设置width，孰不知，因小而见大，一个不小心，就会出现布局的混乱。size属性到底是？当INPUT元素的“type”属性值为“text”（文本框）或“password”时（密码框），“siz 阅读全文
posted @ 2013-03-25 13:58 mguo 阅读(3781) 评论(0) 推荐(0) 编辑
2013年3月19日
完全图解scrollLeft,scrollWidth,clientWidth,offsetWidth 获取相对途径，滚动图片
摘要： 有时候项目中会用到用js获取元素位置来定位元素，我在网上开了大量的 图解，代码，最终把我搞的晕了，还是结合网上的 自己来总结一下，首先来看看网上的：DOM的定义如下图获取元素的位置属性可以通过HTMLElement.offsetLeftHTMLElement.offsetTop但是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。所以我们要得到她的绝对位置，那么我们必须依次向上获取他的父元素的位置，然后获取它父元素的父元素的offersetLeft和offersetT. 阅读全文
posted @ 2013-03-19 17:45 mguo 阅读(11515) 评论(2) 推荐(3) 编辑
IE css hack
摘要： IE css hack汇总汇总下IE各版本的css hackhack示例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)IE9(S)IE9(Q)**colorYYYYNYNY++colorYYYYNYNY--colorYYNNNNNN__colorYYNYNYNY##colorYYYYNYNY\0color:red\0NNNNYNYN\9\0color:red\9\0NNNNNNYN标准模式中：1，减号(-)是IE6专有hack2，反斜杠零(\0)是IE8/9的hack3，\9\0是IE9/10的hack 阅读全文
posted @ 2013-03-19 17:44 mguo 阅读(156) 评论(0) 推荐(0) 编辑
2013年3月15日
Javascript 第十章
摘要： <html><head> <title></title> <style> #slideshow{width:256px;height: 256px;position:relative;overflow: hidden;} </style></head><body><h1>Web Design</h1><p>There are things you should know</p><ol id="linklist"> < 阅读全文
posted @ 2013-03-15 18:15 mguo 阅读(342) 评论(0) 推荐(0) 编辑
Javascript 第九章
摘要： <html><head> <title></title> <style> .hover{font-weight: bold;font-style: italic;} .intro{font:italic 50px Trebuchet MS;} </style></head><body><P id="example" style="font:italic 1em Trebuchet MS;color:#bbbbbb;"> html 结构层, css 阅读全文
posted @ 2013-03-15 15:14 mguo 阅读(294) 评论(0) 推荐(0) 编辑
Javascript 第八章
摘要： <html><head> <meta charset=utf-8 /> <title>Explaining the Document Object Model</title></head><body><h1>What is the Document Object Model?</h1><p>The <abbr title="World Wide Web Consortium">W3c</abbr> defines the <a 阅读全文
posted @ 2013-03-15 13:16 mguo 阅读(258) 评论(0) 推荐(0) 编辑
2013年3月13日
Linux,VI命令详解
摘要： 进入vi的命令 vi filename :打开或新建文件，并将光标置于第一行首 vi +n filename ：打开文件，并将光标置于第n行首 vi + filename ：打开文件，并将光标置于最后一行首 vi +/pattern filename：打开文件，并将光标置于第一个与pattern匹配的串处 vi -r filename ：在上次正用vi编辑时发生系统崩溃，恢复filename vi filename....filename ：打开多个文件，依次进行编辑 移动光标类命令h ：光标左移一个字符 l ：光标右移一个字符 space：光标右移一个字符 Backspace：光标左移一个字 阅读全文
posted @ 2013-03-13 14:19 mguo 阅读(411) 评论(0) 推荐(0) 编辑
2013年3月12日
Javascript 第七章
摘要： <html> <head> <meta charset=utf-8> <title></title> </head> <body> <h1>Snapshots</h1> <ul id="imageGallery"> <li><a href="images/1 (1).png" title="picture1" alt="picture1">picture1</a> 阅读全文
posted @ 2013-03-12 11:52 mguo 阅读(306) 评论(0) 推荐(0) 编辑
关于xmlhttp.status == 0的问题
摘要： Ajax中，XMLHttpRequest对象的status属性一般用来返回服务器的HTTP状态码。status为200表示“成功”，status为404代表“页面未找到”。很多书上都是这样写的，一点也不错。 但是，有时候，特别是刚开始学Ajax的时候，可能会将代码直接在本地运行。这样就出现问题了。 如果在本地运行(如：C:ajaxhelloworld.htm)，那么status属性不管是在“成功”还是“页面未找到”的情况下，都返回的是0，而 不是200和404。这个时候如果还用if(xmlHttp.status==200)来判断运行，则会毫无结果。如果要在本地测试，最好写成 if(xmlHt. 阅读全文
posted @ 2013-03-12 11:20 mguo 阅读(804) 评论(0) 推荐(0) 编辑