考拉kaola-优快云博客

原创 DHTML 简介

您应当具备的基础知识在继续学习之前，您需要对下面的知识有基本的了解： HTMLCSSJavaScript 如果您希望首先学习这些项目，请在我们的首页访问这些教程。 DHTML 不是 W3C 标准 DHTML 指动态 HTML（Dynamic HTML）。 DHTML 不是由万维网联盟（W3C）规定的标准。DHTML 是一个营销术语 - 被网景公司（Netsca

2015-06-01 17:10:16 314

原创 DHTML 技术

在 Netscape 4.x 以及 Internet Explorer 4.x 的 Netscape 4.x 跨浏览器 DHTML Internet Explorer 4.x JSS（JavaScript 样式表）（允许您控制不同的 HTML 元素如何显示）Layers（允许您控制元素的定位和可见性） CSS1 CSS2（允许您控制不同的

2015-06-01 17:09:52 247

原创 DHTML 教程

DHTML 是一种使 HTML 页面具有动态特性的艺术。 DHTML 是一种创建动态和交互 WEB 站点的技术集。对大多数人来说，DHTML 意味着 HTML、样式表和 JavaScript 的组合。开始学习 DHTML ！ DHTML 参考手册在 W3School，你能找到所有 DOM 对象的完整 DHTML DOM 参考手册，以及它们的属性和方法。 HTML DO

2015-06-01 17:09:22 266

原创 jQuery - 设置内容和属性

jQuery 获取设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容： text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容

2015-06-01 17:07:12 191

原创 jQuery - 添加元素

通过 jQuery，可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容 jQuery append() 方法 jQuery

2015-06-01 17:06:14 153

原创 jQuery - Chaining

通过 jQuery，您可以把动作/方法链接起来。 Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。提示：这样的话，浏览器就不必

2015-06-01 17:06:08 142

原创 jQuery - 获得内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C

2015-06-01 17:05:11 100

原创 jQuery 停止动画

jQuery stop() 方法用于在动画或效果完成前对它们进行停止。效果演示停止滑动点击这里，向上/向下滑动面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。实例 jQuery stop() 滑动演示 jQuery stop() 方法。jQuery stop() 动画（带有参

2015-06-01 17:04:59 140

原创 jQuery Callback 函数

Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子：$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。实例 $("bu

2015-06-01 17:04:14 113

原创 jQuery 效果 - 动画

jQuery animate() 方法允许您创建自定义的动画。效果演示开始动画 jQuery jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。语法： $(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS

2015-06-01 17:03:56 149

原创 jQuery 效果 - 滑动

jQuery 滑动方法可使元素上下滑动。效果演示点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。实例 jQuery slideDown()演示 jQuery slideDown() 方法。jQuery slideUp()演示 jQuery slideUp()

2015-06-01 17:03:32 106

原创 jQuery 效果参考手册

jQuery fadeTo() 方法 jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。语法： $(selector).fadeTo(speed,opacity,callback); 必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 fadeTo() 方法中必需的 opacity 参数将淡入淡出

2015-06-01 17:03:04 139

原创 jQuery 效果 - 隐藏和显示

隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！效果演示点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。实例 jQuery hide()演示一个简单的 jQuery hide() 方法。jQuery hide()另一个 hide() 演示。如何隐藏部分文本。

2015-06-01 17:01:35 123

原创 GRGR

单独文件中的函数如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。当我们在教程中演示 jQuery 时，会将函数直接添加到部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）：实例 jQuery 名称冲突 jQuery 使用 $ 符号作为

2015-06-01 17:01:05 363

原创 jQuery 效果 - 淡入淡出

通过 jQuery，您可以实现元素的淡入淡出效果。效果演示点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。实例 jQuery fadeIn()演示 jQuery fadeIn() 方法。jQuery fadeOut()演示 jQuery fadeOut() 方

2015-06-01 17:00:41 119

原创多的选择器实例

更语法描述 $(this) 当前 HTML 元素 $("p") 所有元素 $("p.intro") 所有 class="intro" 的元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first")

2015-06-01 16:59:52 119

原创 jQuery 事件

jQuery 是为事件处理特别设计的。 jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。通常会把 jQuery 代码放到部分的事件处理方法中：实例 $(document).ready(function(){ $("

2015-06-01 16:59:01 120

原创 jQuery 语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法实例 $(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数，隐藏 id="test" 的元素。$("p").hide()演示 jQuery

2015-06-01 16:58:48 117

原创 jQuery 选择器

选择器允许您对元素组或单个元素进行操作。 jQuery 选择器在前面的章节中，我们展示了一些有关如何选取 HTML 元素的实例。关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。在 HTML DOM

2015-06-01 16:57:55 119

原创替代方案

如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络）引用它。谷歌和微软的服务器都存有 jQuery 。如需从谷歌或微软引用 jQuery，请使用以下代码之一： Google CDN: 亲自试一试提示：通过 Google CDN 来获得最新可用的版本：如果您观察上什么的 Google URL - 在 URL 中规定了 jQue

2015-06-01 16:56:47 226

原创 jQuery 安装

把 jQuery 添加到您的网页如需使用 jQuery，您需要下载 jQuery 库（会在下面为您讲解），然后把它包含在希望使用的网页中。 jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的标签引用它：请注意，标签应该位于页面的部分。提示：您是否很疑惑为什么我们没有在标签中使用 type="text/javascript" ？

2015-06-01 16:56:22 88

原创 Google 的 CDN

下载 jQuery 共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。这两个版本都可从 jQuery.com 下载。库的替代 Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核

2015-06-01 16:55:38 306

原创 DOM 实例

DOM 教程DOM 简介DOM 节点DOM 方法DOM 属性DOM 访问DOM 修改DOM 内容DOM 元素DOM 事件DOM 导航DOM 总结 DOM 实例 DOM 参考手册 DOM 参考建站手册网站构建万维网联盟 (W3C)浏览器信息网站品质语义网职业规划网站主机关于 W3School 帮助 W3School HTML DOM

2015-06-01 16:55:15 446

原创 jQuery 简介

jQuery 库可以通过一行简单的标记被添加到网页中。 jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性： HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities 向您的页面添加 jQuery 库 jQu

2015-06-01 16:55:07 73

原创 jQuery 教程

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。每一章中用到的实例 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); If you click on me,

2015-06-01 16:54:28 90

原创 HTML DOM 实例

Anchor 对象更改一个链接的文本、URL 以及 target使用 focus() 和 blur()向超链接添加快捷键 Document 对象使用 document.write() 向输出流写文本使用 document.write() 向输出流写 HTML返回当前文档的标题返回当前文档的 URL返回当前文档的 referrer返回下载当前文档的服务器域名使用 getElem

2015-06-01 16:54:10 93

原创 Option 和 Select 对象

Navigator 检测访问者的浏览器和版本号有关访问者的浏览器的更多信息有关访问者的浏览器的全部细节根据浏览器来提醒用户禁用并启用下拉列表取得包含该下拉列表的表单的 id取得下拉列表中选项的数目更改下拉列表中的可见行数选择下拉列表中的多个选项输出下拉列表中所有选项的文本取得下拉列表中所选的选项的索引位置更改被选选项从下拉列表中删除选项 Screen 对象检

2015-06-01 16:53:17 153

原创 HTML DOM - 导航

通过 HTML DOM，您能够使用节点关系在节点树中导航。 HTML DOM 节点列表 getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。下面的代码选取文档中的所有节点：实例 var x=document.getElementsByTagName("p"); 可以通过下标号访问这些节点。如需访问第二个，您可以这么写： y=x

2015-06-01 16:52:26 97

原创你已经学习了 HTML DOM，下一步呢？

HTML DOM 总结本教程已经向您讲解了如何使用 HTML DOM 来增强网站的动态交互性。您已经学会了如何操作 HTML 元素以响应不同的场景。如需更多有关 HTML DOM 的信息，请访问我们的 HTML DOM 实例和 HTML DOM 参考手册。现在您已经学习了 HTML DOM，下一步呢？在本教程中，我们已通过在客户端（在浏览器中）使用脚本来创建

2015-06-01 16:52:15 110

原创实例

一个简单的 onmouseover-onmouseout 例子：把鼠标移上来亲自试一试 onmousedown、onmouseup 以及 onclick 事件 onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时，触发 onmousedown 事件，然后，当鼠标按钮被松开时，会触发 onmouse

2015-06-01 16:52:00 95

原创实例

Hello World! x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); 亲自试一试 DOM 根节点这里有两个特殊的属性，可以访问全部文档： document.documentElement - 全部文档document.body - 文档的主体

2015-06-01 16:51:42 87

原创 HTML DOM - 事件

实例 Mouse Over Me Click Me 对事件作出反应当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中： onclick=JavaScript HTML 事件的例子：当用户点击鼠标时当网页已加载时当图片已加载时当

2015-06-01 16:50:04 83

原创替换 HTML 元素

很抱歉。DOM 需要了解您需要删除的元素，以及它的父元素。这里提供一个常用的解决方法：找到您需要删除的子元素，然后使用 parentNode 属性来查找其父元素： var child=document.getElementById("p1"); child.parentNode.removeChild(child); 如需替换 HTML DOM 中的元素，请使用 re

2015-06-01 16:49:25 82

原创 HTML DOM - 修改 HTML 内容

通过 HTML DOM，JavaScript 能够访问 HTML 文档中的每个元素。改变 HTML 内容改变元素内容的最简答的方法是使用 innerHTML 属性。下面的例子更改元素的 HTML 内容：实例 Hello World! document.getElementById("p1").innerHTML="New text!"; 亲自

2015-06-01 16:49:05 150

原创 TET

创建新的 HTML 元素 - insertBefore() 上一个例子中的 appendChild() 方法，将新元素作为父元素的最后一个子元素进行添加。如果不希望如此，您可以使用 insertBefore() 方法：实例 This is a paragraph. This is another paragraph. var para=document.createEl

2015-06-01 16:49:03 131

原创创建新的 HTML 元素

改变 HTML 样式通过 HTML DOM，您能够访问 HTML 元素的样式对象。下面的例子改变一个段落的 HTML 样式：实例 Hello world! document.getElementById("p2").style.color="blue"; 亲自试一试如需向 HTML DOM 添加新元素，您首先必须创建该元素（元素节点），然

2015-06-01 16:48:34 146

原创 HTML DOM - 元素

创建新的 HTML 元素 - appendChild() 如需向 HTML DOM 添加新元素，您首先必须创建该元素，然后把它追加到已有的元素上。实例 This is a paragraph. This is another paragraph. var para=document.createElement("p"); var node=document.createTe

2015-06-01 16:48:29 78

原创 HTML DOM - 修改

修改 HTML = 改变元素、属性、样式和事件。修改 HTML 元素修改 HTML DOM 意味着许多不同的方面：改变 HTML 内容改变 CSS 样式改变 HTML 属性创建新的 HTML 元素删除已有的 HTML 元素改变事件（处理程序）在接下来的章节，我们会深入学习修改 HTML DOM 的常用方法。创建 HTML 内容改变元素内容的最简答的方

2015-06-01 16:48:12 96

原创实例

在本例中，由函数执行相同的代码：实例 function ChangeBackground() { document.body.style.backgroundColor="lavender"; } <input type="button" onclick="ChangeBackground()" value="Change background color" />

2015-06-01 16:48:01 83

原创实例

1 document.getElementsByTagName("p"); 亲自试一试下面的例子返回包含文档中所有元素的列表，并且这些元素应该是 id="main" 的元素的后代（子、孙等等）：实例 2 document.getElementById("main").getElementsByTagName("p"); 亲自试一试 getElementsBy

2015-06-01 16:45:54 85

空空如也

空空如也