<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScriptCSS5</title>
<!-- 注意td 的伪类 -->
<style type="text/css">
<!--
.begin {
font-size: 14px;
color: #0000FF;
}
.end {
color: #FF00FF;
font-size: 18px;
text-decoration: underline;
}
td:hover {
color: #FF00FF;
background-color: #66FF00;
cursor: se-resize;
}
-->
</style>
<script language="javascript" type="text/javascript">
function funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//添加事件
}
function funOperate1(){//操作CSS 样式相关
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("class","end");
//pTag.setAttribute("style","color: #FF00FF;font-size: 18px;text-decoration: underline;");
pTag.style.color="#0000FF";
}
function funOnClick1(e){//通过DOM-2 操作事件(IE8不支持)
var info = 'funOnClick1 ';
if(null != e && e.type == "click"){
info +=" : \n 事件 " + e.type + "\n";
info += "按钮 " + e.button + "\n";
info += "触发元素 " + e.target.nodeName + "\n";
e.stopPropagation();//停止事件传播给父节点(在当前例子中事件就不会传达室给 table 的 funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
}
alert(info);
}
function funOnClick2(){
alert("funOnClick2");
}
</script>
</head>
<body onload="funOnload();">
<table onclick="funOnClick2()">
<tr>
<td><a href="javascript:funOperate1()">操作1</a></td>
<td><a href="http://www.google.com">操作2</a> </td>
</tr>
</table>
<p>Hello Word</p>
</body>
</html>
分享到：
相关推荐
HTML、JavaScript 和 CSS 是网页开发中的三大核心技术，它们各自承担着构建网页结构、实现动态功能和美化视觉效果的重要角色。本案例集包含了这些技术的实用示例，旨在帮助初学者和开发者更好地理解和应用它们。 ...
JavaScript、CSS和HTML是构建网页和Web应用的三大核心技术。它们各司其职，共同创造出丰富多样的用户体验。以下是对这些技术的详细说明： **HTML（HyperText Markup Language）** HTML是网页的基础，用于定义页面的...
JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在控制CSS方面展现出强大的能力。本章主要探讨如何利用JavaScript动态地改变CSS样式，从而实现丰富的交互效果。 首先，我们需要理解JavaScript如何与CSS...
HTML、CSS和JavaScript是构建网页和交互式网络应用的基础技术，它们构成了Web开发的三位一体。这份资源包显然是为了帮助学习者全面理解这三个关键技术，并通过实际的范例来加强理解和应用能力。 HTML（HyperText ...
HTML、JavaScript和CSS是网页开发的三大核心技术，它们各自承担着不同的职责，共同构建了丰富的交互式和动态的网络体验。 HTML（HyperText Markup Language）是网页内容的基础结构语言，用于定义网页的元素和布局。...
标题中的“996个css和JavaScript的例子代码”暗示了这是一个包含大量实例的资源集合，旨在帮助开发者理解和学习CSS（层叠样式表）与JavaScript这两种关键的前端开发技术。CSS负责网页的样式和布局，而JavaScript则...
在web开发领域，JavaScript和CSS是构建动态、交互式网页不可或缺的两大技术。"Web实例参考学习（javascript和css）"这个压缩包提供了一系列的实例，旨在帮助开发者深入理解和掌握这两种语言的综合应用。以下是对这些...
JavaScript、CSS和HTML是网页开发的三大核心技术，它们共同构建了网页的动态功能、样式设计和结构布局。这篇教程将全面地介绍这三者的基本概念、语法和常见应用。 首先，我们来了解一下HTML（HyperText Markup ...
03 可能涉及更高级的主题，如JavaScript与CSS动画的结合，事件监听和处理，以及如何实现更复杂的效果，如滑动菜单、轮播图等。 学习这个主题，你需要理解JavaScript的基本概念和DOM操作，熟悉CSS的选择器和布局模式...
《HTML+CSS+JavaScript 网页制作案例教程》是一本深入浅出的前端开发教材，旨在帮助读者掌握网页设计的基础知识和技能。这个压缩包包含的源代码是书中各个实例的实现，提供了丰富的实践材料，使学习者能够通过实际...
《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍，它涵盖了Web开发中三个至关重要的技术：jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础，也是现代Web开发的...
在IT领域，jQuery、JavaScript、CSS和HTML是构建现代网页应用不可或缺的基础技术。这些技术各自承担着不同的职责，共同打造了丰富多彩的网络世界。 首先，jQuery是一个轻量级的JavaScript库，它简化了JavaScript的...
《DHTML + CSS + JavaScript 实用手册》是一本详尽阐述网页制作技术的综合资源，包含三大部分：DHTML完全手册、CSS滤镜手册和JavaScript语言参考手册。这些手册为网页设计师和开发者提供了全面的指导，帮助他们创建...
当用户触发这些事件时，JavaScript会改变CSS属性，如`transform`的旋转角度或者元素的`opacity`，从而实现扇形导航的展开和收缩动画。为了确保动画流畅，可以使用`requestAnimationFrame`函数来控制每一帧的变化。 ...
JavaScript动态生成CSS是一种常见的前端开发技术，它允许我们在运行时创建、修改或删除CSS样式，以实现更加灵活和动态的页面样式控制。这种方式通常用于响应式设计、动画效果、主题切换或者在某些特定条件下需要调整...
JavaScript 和 CSS 是构建现代网页和应用程序的两大核心技术。在网页设计和开发中，JavaScript 主要负责动态交互，而 CSS 负责样式和布局。SC（可能是某个在线课程或平台的缩写）提供的这个 "javascript CSS 设计及...
在本项目中，我们将探讨如何使用HTML5、CSS3和JavaScript技术来创建一个简单的四则运算计算器。这个计算器能够执行基本的加法、减法、乘法和除法操作，对于初学者来说是一个很好的实践项目，它能帮助理解前端开发的...
事件处理是JavaScript的一大特色，如`onclick`（点击事件）、`onmouseover`（鼠标悬停事件）等，可以通过它们响应用户的操作。 DOM（Document Object Model）是JavaScript操作HTML文档的主要接口。它将HTML或XML...
JavaScript、CSS和jQuery是网页开发中的三大核心技术，它们在创建交互式和动态的网页音乐播放器中发挥着关键作用。本项目"JavaScript CSS jQuery 网页音乐播放器"旨在教你如何利用这些技术构建一个功能丰富的音乐...
本资源包“JavaWeb-02”主要关注两个关键的前端技术：CSS（层叠样式表）和JavaScript。 **CSS（层叠样式表）** 是用于描述HTML或XML（包括各种XML方言，如SVG、XHTML等）文档样式的样式表语言。CSS允许我们将样式与...