<%@ page contentType="text/html; charset=GBK" %>
<!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>
<title>test</title>
<link href="<%=request.getContextPath() %>/css/css.css" rel="stylesheet" type="text/css" />
head>
<script language="javascript">
function changeImg(h){
document.getElementById("td"+h).style.color="red";
for(var i=1;i<=6;i++){
if(i != h){
document.getElementById("td"+i).style.color = '';
}
}
}
</script>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="169" height="208" valign="top"><table width="169" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="28" height="26" bgcolor="#777777"><img src="/yliso/images/bb.gif" width="16" height="16" style="padding:5px 6px 5px 6px"/></td>
<td width="141" valign="top" bgcolor="#777777" class="FFFFFFfont bold" ><div style="padding-top:8px;">APQP设置</div></td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
<tr>
<td height="18" colspan="2" valign="top" bgcolor="#C6C7C9"><div align="left" style="padding:3px 0px 0px 39px;">
<a href="/yliso/apqpart.do?method=listApqpPart" target="main3Frame" onclick="changeImg('1')" id="td1">APQP零件</a></div></td>
</tr>
<tr>
<td height="1" colspan="2"></td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
<tr>
<td height="1" colspan="2"></td>
</tr>
<tr>
<td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;">
<a href="/yliso/apqpart.do?method=listApqpPartFlow" target="main3Frame" onclick="changeImg('2')" id="td2">APQP流程</a>
</div></td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
<tr>
<td height="1" colspan="2"></td>
</tr>
<tr>
<td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;">
<a href="/yliso/supinfoAction.do?method=listSupInfo" target="main3Frame" onclick="changeImg('3')" id="td3" >APQP供方信息库</a>
</div></td>
</tr>
<tr>
</tr>
<tr>
<td height="1" colspan="2"></td>
</tr>
<tr>
<td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;">
<a href="/yliso/cusinfoAction.do?method=listCusInfo" target="main3Frame" onclick="changeImg('4')" id="td4">APQP顾客信息库</a>
</div></td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
<tr>
<td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;">
<a href="/yliso/equipmentAction.do?method=listEquipment" target="main3Frame" onclick="changeImg('5')" id="td5">APQP设备库</a>
</div></td>
</tr>
<tr>
<td height="1" colspan="2"></td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
接下来，如果页面中的a标签点击后不发生页面跳转，即点击事件只是触发一些JavaScript函数来执行，那么我们可以使用不同的方法来实现变色功能。代码示例如下： 1. 给a标签设置一个特定的点击事件处理器。 ```html ...
文字变色则可以通过修改元素的`color`属性来完成。如果想要实现颜色循环变化，可以预先定义一个颜色数组，然后在每次更新时选择下一个颜色。同样，也可以利用定时器来实现周期性的颜色切换。 接下来，我们结合给定...
在Vue中实现导航栏点击当前标签变色的功能，主要涉及到以下几个知识点： 1. Vue的响应式数据绑定：Vue.js的核心特性之一是基于依赖追踪的响应式系统。这个系统让Vue.js能够高效地追踪和响应数据的变化，并在数据...
总结来说，实现“纯css制作文字随时间变动而变色，文字变色效果，背景透明阴影”的效果，主要涉及CSS的`@keyframes`动画、`text-shadow`属性、`rgba`颜色透明度以及JavaScript的定时器和颜色处理。通过巧妙地组合...
要实现滚动变色的文字效果，需要通过JavaScript来动态地改变页面上文字的颜色。实现该效果通常涉及HTML、CSS和JavaScript的基础知识。在这个示例中，我们将具体分析如何通过JavaScript脚本来实现文字的颜色交替变化...
当用户触发切换事件（如点击、鼠标悬停等）时，相应菜单项的背景色、边框色或文字颜色会被动态修改为高亮颜色。 2. **事件监听**：为了响应用户的操作，需要在代码中设置事件监听器，例如`addEventListener`函数，...
2. **变色文字**：这个例子可能涉及到CSS和JavaScript的结合。JavaScript可以控制CSS样式，比如改变文字颜色。通过监听事件或设置定时器，可以让文字颜色按照预设的规则变化，比如周期性地切换颜色。 3. **跑马灯...
2. **变色文字**：JavaScript可以改变HTML元素的样式，包括颜色。通过`style.color`属性，我们可以实现文字颜色的动态变化，比如设置一个定时器，每隔一段时间自动更改文字颜色。 3. **跑马灯效果**：跑马灯（也...
不过，理解上述原理后，可以将这些技术应用于Web开发中的类似场景，比如JavaScript或CSS的文本渐变效果。 总的来说，VB编程实现文字显示渐变色需要理解颜色模型、图形绘制以及自定义控件绘制原理。通过掌握这些知识...
网页特效广泛应用于网站导航、按钮点击反馈、背景动态变化等方面，能够有效提升网站的互动性和用户友好度。 ### 2. `<head>` 标签及其作用 在HTML文档中，`<head>` 标签用于定义文档的头部信息，它不显示在浏览器...
### 知识点详解：跟随鼠标的变色文字网页特效 #### 一、网页特效概述 在现代网页设计中，为了提升用户体验与视觉效果，开发者经常会在页面中加入各种动态效果，这些效果统称为“网页特效”。通过JavaScript、CSS3...
- 文字旋转与变色。 - 文字从远处拉近。 - 基于文本框的跑马灯设计。 - **垂直运动的字幕设计**： - marquee标签介绍。 - 控制垂直运动。 #### 五、高级应用 - **导航菜单**： - 动态生成菜单。 - 响应式...
实例134 简单文字变色 214 实例135 文字变色 215 实例136 变换的文字 216 实例137 描边文字 217 实例138 霓虹灯文字 218 实例139 追逐点亮的文字 219 实例140 萤光文字 220 实例141 发光文字的闪烁效果 221 实例142 ...
3.26 旋转式的变色文字特效 3.27 黑客帝国中的字符下落效果 3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 ...
从给定的部分内容可以看出，作者使用了内联JavaScript的方式实现了鼠标经过变色的功能： ```html <a href="#">... ``` ##### 3.1 内联JavaScript分析 - **`onmouseover`**：当鼠标移到 `<li>` 元素上时，会执行 ...
3.26 旋转式的变色文字特效 3.27 黑客帝国中的字符下落效果 3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 ...
当前位置：首 页→JavaScript 设为首页 | 加入收藏夹 | 站长信箱 JavaST分类 鼠标动作 日期时间 文本特效 图形特效 背景特效 状 态 栏 信息检测 警告提示 下拉菜单 窗口特效 按钮特效 智力游戏 实用...
### JS 控制 Table 的 TR 变色 在 Web 开发中，通过 JavaScript 动态地改变表格 (`table`) 的样式是一种常见的操作。这种方式可以增强用户体验，使得数据展示更加直观、友好。本文将详细介绍如何利用 JavaScript 来...
- 将当前被点击的栏目添加`clckClass`类（使其变色）。 最初尝试的代码有潜在问题，因为它会移除页面上所有具有`clckClass`类的元素，而不仅仅是`<ul>`内的`<a>`标签。正确的做法是只对`<ul>`内的`<a>`标签进行...
`stop()`函数用于停止当前正在运行的动画，避免颜色切换过于频繁。`animate()`中的第二个参数是动画持续的时间，单位为毫秒，这里是500毫秒，即0.5秒，使得颜色变化更为自然。 在实际项目中，可能还需要考虑浏览器...