04 2014 档案
摘要：index.html Jay Skript And The Domsters Home About Photos Live Contact Welco...
阅读全文
摘要：function convertToGS(img) { if (!Modernizr.canvas) return; img.color = img.src; img.grayscale = createGSCanvas(img); img.onmouseover = funct...
阅读全文
摘要：我们可以使用对象在浏览器中把一副彩色图片变成灰度图片。然后，当用户的鼠标悬停到图片上面时，再把它切换回原始的彩色图片。
阅读全文
摘要：Canvas Powered By HTML5 canvas变量ctx引用的是画布的绘图空间(context).所谓绘图空间，在这里就是一个平面二维的绘图表面，其原点（0.0）位于的左上角。在这个绘图表面的坐标系里，越往右x的值越大，越往下y的值越大。通过在绘图空间中指定坐标点，可以绘制出各种...
阅读全文
摘要：谈到web设计，最准确的理解是把网页看成三个层：（1）结构层（2）样式层（3）行为层这三个层分别对应不同的技术，分别是：（1）超文本标记语言(HTML)（2）层叠样式表(CSS)（3）Javascript和文档对象模型(DOM)没错，你可以说还能加一层,也就是浏览器的Javascript API,包...
阅读全文
摘要：if( xpos Web DesignWeb DesignThese are the things you should know. Structure Presentation Behavior //这三行是为了能够用Javascript代码实现动画效果而...
阅读全文
摘要：Math.ceil(number) 它可以返回大于numbe的值的一个整数。Math.floor(number) 它可以向小于方向舍入为之最接近的整数。Math.round(number) 将把任意浮点数舍入为与之最接近的整数。例如：console.log(Math.ceil(5.2)); cons...
阅读全文
摘要：onmouseover事件被触发时显示一张图片。我们将沿用图片库案例中的脚本----只需把每个链接上的事件处理函数从onclikc改为onmouseover。它能工作，但图片显示得不够流畅：当用户第一次把鼠标指针悬停在某个链接上时，新图片将被加载过去。即使实在一个高速的网络连接上，这多少也需要花费点...
阅读全文
摘要：positionWhee!如果让moveMessage()函数在页面加载时运行，这个元素的位置将立刻发生变化----由positionMessage函数给出的原始位置会被立刻覆盖导致元素的显示位置立刻发生变化的根源是Javascript太有效率了：函数一个接一个地执行,其间根本没有我们所能察觉的间隔...
阅读全文
摘要：position属性的合法值有static、fixed、relative和absolue四种。static是position属性的默认值，意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义鱼static相似，区别是position属性等于relative的元素还...
阅读全文
摘要：把一个非常具体的东西改进为一个较为通用的东西的过程叫做抽象先看下styleHeaderSibling函数，会发现它仅适用于h1元素，而且className属性值intro也是硬编码在函数里的：function styleHeaderSibling(){ var headers=document...
阅读全文
摘要：function addClass(element,value){ if(!element.className){ element.className = value; }else{ element.className += ' '+ value; //必须...
阅读全文
摘要：function highLightRows(){ var rows=document.getElementsByTagName('tr'); for(var i=0;i<rows.length;i++){ rows[i].onmouseover=function(){ ...
阅读全文
摘要：Cities Itinerary WhenWhere June 9thPortland,OR June 10thSeattle,WA June...
阅读全文
摘要：Man bites dogHold the front pageThis first paragraph leads you in.Now you get the nitty-gritty of the storyThe most important information is delivered...
阅读全文
摘要：ExampleAn example of a paragraph事实证明：element.style将返回一个对象，样式都存放在这个style对象的属性里。不仅文档里的每个元素都是一个对象，每个元素都有一个style属性，他们也是一个对象。解析：Javascript将把减号前面的内容解释为"元素的s...
阅读全文
摘要：explaining Home Search ContactWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that wil...
阅读全文
摘要：explainingWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that will allow programs and scripts ...
阅读全文
摘要：explainingWhat is the Document Object ModelThe W3C defines the DOM as:A platform- and language-neutral interface that will allow programs and scripts ...
阅读全文
摘要：渐进增强：渐进增强原则基于这样一种思想：你应该总是从最核心的部分，也就是从内容开始。 应该根据内容使用标记实现良好的结构；然后再逐步加强这些内容。这些增强工作 既可以通过CSS改进呈现效果，也可以是通过DOM添加各种行为。如果你正在使用 DOM添加核心内容，那...
阅读全文
摘要：Hijax---渐进增强地使用Ajax AJAX应用主要依赖后台服务器，实际上是服务器端的脚本语言完成了绝大部分工作。XMLHttpRequest对象作为浏览器与服务器之间的"中间人"，它只是负责传递请求和响应。如果把这个中间人请开，浏览器与服务器之间的请求和响应应该继续完成（而不是中断），只不...
阅读全文
摘要：在IE7，IE8中，如果双击运行html页面或者直接拖拽html静态页面进入IE7，IE8浏览器中运行查看ajax效果，在xhr对象调用 open方法时会出现access is denied拒绝访问的错误，这个是因为IE7，IE8增加了Native XMLHTTP【XMLHttpRequest对象】...
阅读全文
摘要：Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器脚本（客户端）与服务器之间的中间人的角色。以往的请求都由浏览器发出，而Javascript通过这个对象可以自己发送请求，同时也自己处理响应。 不同浏览器实现XMLHttpRequest对象的方式不太一样。为了保证跨浏览器...
阅读全文
摘要：查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片
阅读全文
摘要：insertAfter(placeholder,gallery);insertAfter(description,placeholder);function insertAfter(newElement,targetElement){ var parent=targetElement.pare...
阅读全文
摘要：图片库中一个图片和一段文字仅仅是为showpic脚本服务的。若能把结构和行为彻底分开那最好不过了。既然这些元素的存在只是为了让DOM方法处理它们，那么用DOM方法来创建它们才是最合适的选择。查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片将plac...
阅读全文
摘要：动态创建标记另一种方案就是先创建所有的节点，然后再把它们连接在一起。
阅读全文
摘要：window.onload=function(){ var para=document.createElement('p'); var info= 'nodeName:'; info += para.nodeName; info += ' nodeType:'; in...
阅读全文
摘要：document.write This is my content.用DOM的眼睛看testdiv内的标记，如下所示： 元素节点 div属性节点id='testdiv' 元素节点p 文...
阅读全文
摘要：document.write页面中会显示This is inserted此种写法很容易导致验证错误。比如说，在第一个例子里，标签后面的"'很容易被认为是标签，而在标签的后面打开标签是非法的。事实上，那个""和""只不过是一个将被插入文档的字符串的组成部分而已。insertParagraph('Thi...
阅读全文
摘要：至此，我在编写javascript代码时只用到了以下几个DOM方法： ■getElementById ■getElementsByTagName ■getAttribute ■setAttribute这些方法都是DOM Core的组成部分。它们并不专属于Javascript,支持Dom的任何一中程序...
阅读全文
摘要：查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片Choose an image红色javascript代码部分是为了考虑向后兼容性而写！也不要做太多的假设！return !showpic(this); 解析：此代码主要是解决当showpic函数里pl...
阅读全文
摘要：addLoadEvent
阅读全文
摘要：window.onload研究结果会弹出窗口 我是第二个函数！！！！***** 他们当中只有最后那个才会被执行要想两个都执行,可以先创建一个匿名函数来容纳这两个函数，然后把这个匿名函数绑定到onload事件上，如下所示：它确实能很好的工作-----在需要绑定的函数不是很多的场合，这应该是最简单的...
阅读全文
摘要：1.尽量少访问DOM和尽量减少标记 解决办法：将document.getElementsByTagName('a')存入一个变量 2.合并和放置脚本推荐的做法是把functionA.js、functionB.js、functionC.js和functionD.js合并到一个脚本文件中。这样，可以减...
阅读全文
摘要：弹出窗口弹出窗口讲解：var links=document.getElementsByTagName('a'); 这条语句将在javascript文件被加载时立刻执行。如果javascript文件是从HTML文档的部分用标签调用的，它将在html文档之前加载到浏览器里。同样，如果标签位于文档底部...
阅读全文
摘要：window.openExample //Exampleonclik与用"javascript:"伪协议调用javascript代码的做法同样糟糕，因为它们都不能平稳退化预留退路Example简化：Example更简化：Example
阅读全文
摘要：设置或获取对象指定的文件名或路径。设置或获取整个 URL 为字符串。设置或获取与 URL 关联的端口号码。设置或获取 URL 的协议部分。设置或获取 href 属性中在井号“#”后面的分段。设置或获取 location 或 URL 的 hostname 和 port 号码。设置或获取 href 属性中跟在问号后面的部分。
阅读全文
摘要：js访问frame中的DOM
阅读全文
摘要：查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片查看图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片Snapshots 第一张图片 第二张图片 第三张图片 第四张图片Choose ...
阅读全文
摘要：鼠标换色及鼠标滑过变色 1.假字以数十字为基础假字数… 2.假字以数十字为基础假字数… 3.假字以数十字为基础假字数… 4.假字以数十字为基础假字数… 5.假字以数十字为基础假字数… 增加className
阅读全文
摘要：原文来自：http://www.phpvar.com/archives/2211.html1、 实例演示效果 li不加浮动 display:inline-block li不加浮动 display:inline-block li不加浮动 display:inline-block 2、 display:inline-block作用? 使用display:inline-block属性，可以使行内元素()或块元素能够不加float属性就可以定义自身的宽、高，同时又能使该元素轻松在父元素居中显示！ 3、 什...
阅读全文
摘要：图片循环滚动 三亚湾红树林度假世界 亚龙湾红树林度假酒店 海棠湾红树林度假酒店 青岛红树林度假世界 广州从化红树林度假世界 都江堰红树林度假世界 大理红树林度假世界 丽江红树林度假世界 杭州红树林度假酒店 嵊泗列岛红树林度假世界 拉萨红树林度假世界 运行下列代码，会出现浏览器崩溃现象，为何呢？function doMarquee(){ var i=0; while(i<picWidth){ demo.scrollLeft=demo.scrollLef...
阅读全文
摘要：选项卡 周 月 总 111一个人的地老天荒 血酬定律 11111（A卷） 中国式申奥 手段——古代帝王、名 古古博彩有术 埃及之谜 中国文化大汇集（一） 笑林广记 222一个人的地老天荒 西游漫记 ...
阅读全文
摘要：http://www.w3cfuns.com/blog-5434304-5397791.htmlhttp://www.w3cfuns.com/thread-5599527-1-1.htmlhttp://www.ruanyifeng.com/blog/2012/10/javascript_module.htmlhttp://group.zcool.com.cn/post/ZMTA2NjA0.htmlhttp://www.w3cfuns.com/blog-5441752-5397782.htmlhttp://www.w3cfuns.com/blog-5418814-5397763.htmlhttp
阅读全文
