javascript点击当前文字变色

最新推荐文章于 2024-06-30 11:06:07 发布
最新推荐文章于 2024-06-30 11:06:07 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： 工作笔记 文章标签： javascript stylesheet div border xhtml table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/derpvailzhangfan/article/details/2563891
版权

<%@ 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" οnclick="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"  οnclick="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"  οnclick="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"  οnclick="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"  οnclick="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>

derpvailzhangfan
关注
专栏目录
html中点击文字变色,html选中文字 背景/字 变色
weixin_36059856的博客
06-15 3153
iconfont使用，亲测iconfont对于前端应用来说有很多便捷: 1.自由变化大小 2.自由修改颜色 3.可以添加一些视觉效果如:阴影.旋转.透明度. 4.兼容IE6 在线引用和下载到本地两种方法 一.在线引用 图标的制 ...C&num; 从excel里面复制的1万6千多条记录粘贴到FCKeditor里面，点保存的时候，保存不了，页面没有反应客户那边添加公告,是直接从excel里面...
CSS+JS实现点击菜单文字背景变色效果
12-16
CSS+JS实现点击菜单文字背景变色效果
JavaScript实现单击按钮让网页中文字变色
m0_73581356的博客
07-14 1985
橙色</button><button onclick="setColor('yellow')">黄色</button><button onclick="setColor('green')">绿色</button><button onclick="setColor('blue')">蓝色
Vue3实现点击按钮实现文字变色
最新发布
m0_62785037的博客
06-30 808
Vue3实现点击按钮实现文字变色方法，如动态样式、动态类名
变色字体
heshaai6843的博客
07-05 236
&#13; CRect rect;     GetClientRect(hWnd, rect);     HDC hdc = GetDC(hWnd);     HDC memDC = CreateCompatibleDC(hdc);       BITMAPINFO bmi;     bmi.bmiHeader.biSize = sizeof(BITMAPINFOHEADER...
Vue实现导航栏点击当前标签变色功能
10-16
在Vue中实现导航栏点击当前标签变色的功能，主要涉及到以下几个知识点： 1. Vue的响应式数据绑定：Vue.js的核心特性之一是基于依赖追踪的响应式系统。这个系统让Vue.js能够高效地追踪和响应数据的变化，并在数据...
Js实现当前点击a标签变色突出显示其他a标签回复原色
10-26
接下来，如果页面中的a标签点击后不发生页面跳转，即点击事件只是触发一些JavaScript函数来执行，那么我们可以使用不同的方法来实现变色功能。代码示例如下： 1. 给a标签设置一个特定的点击事件处理器。 ```html ...
纯css制作文字随时间变动而变色，文字变色效果，背景透明阴影
11-05
总结来说，实现“纯css制作文字随时间变动而变色，文字变色效果，背景透明阴影”的效果，主要涉及CSS的`@keyframes`动画、`text-shadow`属性、`rgba`颜色透明度以及JavaScript的定时器和颜色处理。通过巧妙地组合...
js文字特效制作js文字闪烁与文字变色效果
09-26
文字变色则可以通过修改元素的`color`属性来完成。如果想要实现颜色循环变化，可以预先定义一个颜色数组，然后在每次更新时选择下一个颜色。同样，也可以利用定时器来实现周期性的颜色切换。 接下来，我们结合给定...
Js实现滚动变色的文字效果
10-25
要实现滚动变色的文字效果，需要通过JavaScript来动态地改变页面上文字的颜色。实现该效果通常涉及HTML、CSS和JavaScript的基础知识。在这个示例中，我们将具体分析如何通过JavaScript脚本来实现文字的颜色交替变化...
选中文字点击改变字体颜色JS相当好用
12-09
选中文字点击改变字体颜色JS相当好用，。。希望对你有用
js特效点击会变色哦！
10-05
js特效点击会变色哦！js特效点击会变色哦！js特效点击会变色哦！js特效点击会变色哦！js特效点击会变色哦！
CSS+javascript 实现单击背景变色
02-22
结合CSS和javascript 实现单击背景变色功能，非常简单实用。
制作点击文字变颜色_4个小技巧，让你的PPT文字瞬间变高级
weixin_39689819的博客
01-12 906
转眼间，2020年已经快要结束了。一提起年终，当代“打工人”最头疼的大概就是写不出来的年终报告了吧。说起报告，每一个职场人都逃不过曾经被PPT支配的恐惧。文字看着太多了，改！排版不美观，改！标题缺少设计感，改！说出来都是痛，流出来都是泪啊。今天，料姐就来聊一聊关于PPT的那些事儿！你真的懂PPT吗？很多人在工作中经常会用到PPT，小组汇报、年终总结、发布会展示……它的应用非常广泛，然而大...
【鸿蒙】重现js点击字体变色
qq_45972600的博客
05-17 1070
在这里推荐一个免费自学网站菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com) 先让我们看看效果 像开关一样点击变色 以下是代码 css .container { flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .title { font-size: 40px; opacity
网页点击变色
AaaaLp的博客
05-07 201
开发工具与关键技术： CSS 作者：L 撰写时间：2021/5/7 1. <span>标签为几个颜色块，给图中的6个<span>标签添加一个class类名和id名. 2. 给.zt设置class类名 使用nth-child给zt通过序号给对应的颜色添加喜欢的颜色. 3.自命名spans类名.通过ID和class类名获取元素. 4.完成效果. 这是我所学到的Css知识，所以我要分享给你们，希望可以帮助到你们。 以上就是我的分享，新手上道，请...
点击变色
qq_39937301的博客
06-04 398
<!DOCTYPE html> <!-- 点击变色 --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 2...
js更改字符串的颜色
weixin_44021888的博客
10-11 910
js更改字符串的颜色
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值