一、点击后，文字变色实例：IE6下测试；
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
td{width:30px;height:30px;background-color:pink;}
</style>
</HEAD>
<BODY>
<table width="245" border=1 id="tb">
<tr>
<td width="58">鼠标点击</td>
<td width="90">鼠标点击</td>
<td width="75">鼠标点击</td>
</tr>
<tr>
<td>鼠标点击</td>
<td>鼠标点击</td>
<td>鼠标点击</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var TD = tb.all.tags("TD");
var ObjTemp=null;
var eventColor={mouseover:"",mouseout:"black",click:"red"};
for (var i=0;i<TD.length;i++){
TD(i).onmouseover=TdEvent;
TD(i).onmouseout =TdEvent;
TD(i).onclick =TdEvent;
}
function TdEvent(){
var obj = event.srcElement;
if (ObjTemp==obj) return;
obj.style.color=eval("eventColor."+event.type);
if (event.type=="click") {
if (ObjTemp!=null)ObjTemp.style.color="";
ObjTemp=obj;
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
2，鼠标点击后，背景变色：测试IE6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
td{width:30px;height:30px;background-color:pink;}
</style>
</HEAD>
<BODY>
<table border=1 bordercolor="black" id="tb">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var TD = tb.all.tags("TD");
var ObjTemp=null;
var eventColor={mouseover:"blue",mouseout:"pink",click:"red"};
for (var i=0;i<TD.length;i++){
TD(i).onmouseover=TdEvent;
TD(i).onmouseout =TdEvent;
TD(i).onclick =TdEvent;
}
function TdEvent(){
var obj = event.srcElement;
if (ObjTemp==obj) return;
obj.style.backgroundColor=eval("eventColor."+event.type);
if (event.type=="click") {
if (ObjTemp!=null)ObjTemp.style.backgroundColor="";
ObjTemp=obj;
}}
//-->
</SCRIPT>
</BODY>
</HTML>
分享到：
相关推荐
在网页设计中，动态效果是提升用户体验的重要手段之一。这个"javascript特效多彩元素绕鼠标旋转效果.zip"资源正是一款能够为网页增添趣味性和互动性的JavaScript特效。它利用JavaScript语言的强大功能，实现了一种...
网页背景特效是提升网站视觉体验的重要手段之一，它能够增加用户与网站的互动性和吸引力。在给定的标题和描述中，我们关注的是"网页背景特效"、"音乐特效"和"鼠标特效"这三个关键点。 首先，让我们来探讨网页背景...
在网页设计中，鼠标悬停效果是最基础也是最常用的特效之一。通过改变元素的背景色、边框或透明度，可以创建动态的悬停效果。例如，我们可以通过以下CSS代码实现一个简单的按钮悬停效果： ```css button { ...
在网页设计中，动态效果是提升用户体验和视觉吸引力的重要手段之一。"鼠标跟随星星特效"是一种常见的网页互动特效，它能够使用户在移动鼠标时，屏幕上的星星元素跟随鼠标的移动轨迹产生动态效果，营造出一种浪漫且...
在IT行业中，HTML5是现代网页开发的核心技术之一，它为开发者提供了丰富的功能和特效，以创建更加生动、互动的用户体验。"鼠标连点 鼠标离子化 鼠标连点+时间 H5代码特效"这个项目，显然就是一个专注于鼠标交互与...
网页开发中的交互效果是提升用户体验的关键元素之一，本教程将探讨如何实现“网页常用特效鼠标点击弹出五颜六色的自定义文字和背景折线”这一特效。这个特效不仅包含动态文字显示，还结合了视觉焦点的背景折线动画，...
JavaScript，一种轻量级的脚本语言，是网页动态效果的核心技术之一，广泛应用于网页设计和前端开发。在"javaScript网页设计特效"这个主题中，我们探讨的是如何利用JavaScript来增强网页的交互性和视觉吸引力。 一、...
在网页设计中，交互性是提升用户体验的重要因素之一。"鼠标经过变换图片"是一种常见的网页特效，它使得用户在鼠标悬停在图片上时，图片能够自动切换为另一种形态，如展示不同角度、高亮细节或者播放动图等，从而吸引...
1. **JavaScript实现**：JavaScript是最常用的语言之一，用于实现动态花瓣的运动轨迹和交互效果。通过创建多个JavaScript对象来代表花瓣，每个对象包含花瓣的位置、大小、颜色等属性。使用`setInterval`或`...
在Web开发中，提升用户体验往往体现在细节上，而鼠标指针的动态效果就是其中之一。本篇将深入探讨如何利用jQuery实现“仿梦幻西游鼠标指针光标移动特效”，并分析其背后的技术原理与实现步骤。 首先，jQuery是一个...
网页特效是提升网站用户体验的重要手段，而JavaScript作为前端开发的核心技术之一，被广泛用于实现各种动态效果。在网页设计中，JavaScript可以为用户提供更生动、交互性更强的界面。本主题将深入探讨“网页特效...
在JavaScript的世界里，动态效果和交互性是网页设计的关键元素之一。"js跟随鼠标移动旋转心形特效"是一个巧妙地结合了JavaScript与图形动画的例子，它使得网页变得更加生动有趣。这个特效的核心在于它能响应用户的...
另外，表单验证是JavaScript的重要应用之一。通过获取表单元素，监听submit事件，然后检查输入是否符合预设规则，可以防止无效数据提交到服务器，提供即时反馈给用户。 JavaScript还可以用于实现页面滚动效果，如...
1. JavaScript特效：JavaScript是实现网页动态效果的主要编程语言之一。通过事件监听、DOM操作、定时器等功能，可以创建出响应用户交互的特效，例如点击按钮后显示隐藏内容，或者鼠标悬停时改变图片。 2. CSS特效：...
在网页设计领域，CSS3（层叠样式表第三版）为开发者提供了许多强大的新特性，其中之一就是能够创建出丰富的交互式动画效果。本资源“CSS3鼠标滑过3D立体翻转特效.zip”正是利用了这些特性，为用户提供了一种独特的...
"跟着鼠标移动的蝴蝶"是一个典型的交互式特效，它利用JavaScript技术来捕捉鼠标的实时位置，并使图像（在这种情况下可能是蝴蝶的图片）随之移动。这种效果可以为用户带来更生动、有趣的浏览体验，增加网站的吸引力。...
网页特效是提升用户体验的重要手段之一，其中“鼠标经过换背景色”是一种常见的交互设计，它可以使用户在浏览网页时有更直观的反馈，增加互动感。这个特效主要应用于导航菜单、按钮、产品列表等元素，当鼠标指针悬浮...
在网页设计中，CSS3（层叠样式表第三版）为开发者提供了丰富的视觉效果和交互体验，其中之一就是鼠标滑过特效。本知识点将详细讲解如何使用CSS3来创建鼠标滑过的图片散开特效，以及结合jQuery库实现更复杂的交互。 ...
在网页设计中，交互效果是提升用户体验的重要手段之一。这个名为"CET4-Mouse-click-effects-master"的项目，显然是为了创建一个有趣的学习工具，通过JavaScript技术实现了一个独特的鼠标点击特效。当你在网页上单击...
在IT领域，网页交互效果是提升用户体验的重要手段之一。"文字、图片鼠标特效.zip"这个压缩包文件就提供了这样一种创新的互动体验，它包含了四种不同的鼠标特效，旨在让用户的网站看起来更加生动和专业。 首先，我们...