摘要：
这是一些采用HTML, CSS, 和Javascript开发的游戏。有些甚至只用到了CSS技术。1. Whack-a-Rat – CSS only game2. SURVIVOR (1982 Commodore 64 game remake)3. Sumon4. 3D – CSS puzzle5. Duck Hunt6. Dino Pairs Game7. Cops and Robbers – C... 阅读全文
摘要：
js实现拖拽+碰撞+重力亲点击我可以拖拽哦！×点击我显示吧 阅读全文
摘要：
分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是 阅读全文
摘要：
JS封装类或对象的最佳方案面向对象强大的优点之一是能够创建自己专用的类或者对象，封装一组属性和行为。抛开性能来说，JS要比面向对象语言如JAVA要灵活好用的多，组装数据结构很灵活方便。那么我们如何来用面向对象的思维来定义JavaScript的类或对象呢？问题的出现如果要抽象出来一个人，那么简单的属性为:name,sex,birthday等，方法为:sayHi,最初级的写法就是:var oPerson = new Object;oPerson.name = "zs";oPerson.sex = 'boy';oPerson.birthday = '200 阅读全文
摘要：
以下是meta每个属性详解尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。一、 //编码META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符.. 阅读全文
摘要：
Javascript本身是从Perl语言的语法演变而来的，本质上是脚本语言，随着版本的更新逐渐加入的对面向对象的模拟。我认为Js的面向对象模拟总 体上做得还是不错的，因为我们不能盲从任何一种理念，不能纯粹的为了OOP而OOP，我们需要抓住的是面向对象的好处到底是什么？为了这些优点去OOP， 才是最明智的选择，所以说Js做得还不错。Js的继承在很多书里面细致的分了很多种类型和实现方式，大体上就是两种：对象冒充、原型方式。这两种方式各有优点和缺陷，这里我先列举出来，再从底层分析区别：(一)对象冒充function A(name){this.name = name;this.sayHello = f 阅读全文
摘要：
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。内联元素（行内元素 阅读全文
摘要：
1、DOMWEB标准现在可真是热门中热门，不过下面讨论的是一个不符合标准的document.all[]。DOM－－DOCUMENT OBJECT MODEL文档对象模型，提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色，那就可以在javascript中用 document.all[]访问这个TABLE。但DOM也有所不同，因为浏览器厂商之间的竞争，各浏览器厂商都开发了自己的私有DOM，只能在自己的 浏览器上正确运行，document.all[]就是只能运行在 IE是的微软的私有DOM。为了正确理解DOM，给出IE4的DOM2、理解document.all[]从IE4. 阅读全文
摘要：
标准模式与怪异模式由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常 阅读全文
摘要：
一.document.all是页面内所有元素的一个集合。例如：document.all(0)表示页面内第一个元素二.document.all可以判断浏览器是否是IEif(document.all){alert("is IE!");}三.也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素四.案例：代码1:代码2：但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)代码3：理论上一个页面中的id是互不相同的，如果出现不同tags有相同的iddocument.all.id 就会失败,就象这样：代码4:对于一个 阅读全文