js点击当前字变颜色，js设置文字颜色

js点击改变文字颜色,再点击又变回原样

1、首先给这个按钮添加鼠标的按下和松开的事件，mousedown，mouseup，使用这两个函数即可。

2、在ue编辑器中输入以下html代码。在ue编辑器中输入以下js代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

3、input text 有两个事件。一个是获取焦点，一个是离开焦点。当光标在文本框内触发获取焦点事件，你可以写个css把文本框颜色变了 离开焦点把文本框的颜色再变回去。

4、楼主对jquery熟悉不，用jquery实现十分容易。还有楼主想鼠标经过变色，离开变回。还是想好123上点击才变色。

5、你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

相关问答

Q1: 怎么用js设置a标签点击链接改变当前颜色

新建一个html文件，命名为test.html。在test.html文件内，使用p标签创建一个区域，下面将在p标签内添加一个a标签。在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。

type=text/css ！-- a { color： #0000FF； text-decoration： none； } a：hover { color： #0000ff； text-decoration： none； } -- /style此时你的页面所有的连接都是无下划线且不论何时都是蓝色的。

在test.html文件内，创建一个按钮，给按钮绑定onclick事件，当按钮被点击时，执行editColor函数。

Q2: js怎么实现选中后,图标和文字都变色

1、逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

2、图标用img标签显示，再img标签点击后，更改img的src属性，改变图标，将原来的空心换成红心的图片。图标用css控制，设置background-image显示空心的背景图片，这里图片最好是png的，点击后换成红心的图片。

3、设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

4、none； color：#fff；}.aa a{display：block； width：150px； height：50px； line-height：50px； background：#990；}.aa a：hover{background：#000；}鼠标移上去变色 您可以在火狐社区了解更多内容。

5、建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。设置一个简易的导航栏。加css 控制菜单的样式，并加入背景图片。为li添加id，创建函数fun ，并传递传递参数。

Q3: js怎么设置鼠标滑过文字变色

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

CSS里面可以实现，不过很麻烦，要考虑浏览器兼容问题什么的。

点击变色实现功能。JavaScript一种直译式脚本语言。使用js实现当鼠标靠近span标签时文字时变成红色可以点击变色实现功能。span标签是超文本标记语言的行内标签，被用来组合文档中的行内元素。

给你两个个思路：一：定义一个字体大小和颜色两个数组，再定义鼠标滑过事件，随机获取数组中的字体大小和颜色值。

href=# 热门刚写的。这才是手机端的写法。你采纳的方法并不合适哦。

做好一个链接 点击工具面板中CSS模式下的“+”，打开新建CSS样式面板 选择“复合内容”，选择a：link，表示正常链接时的样式。点击确定，打开样式设置面板，选择Color：#333，或别的你要的着色，确定。

Q4: js控制onclick点击改变文字颜色

逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

点击按钮变红。再次点击按钮变黑。这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。

你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

style.color = red； } else { links[j].style.color = ； } } }}点击链接之后会刷新页面。改了颜色换了页之后也不会有效果啊。

在test.html文件内，在div的下面创建一个button按钮，按钮名称为“更换背景颜色”。给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

Q5: 如何用js改变字体的颜色?

1、首先刚加载页面的时候，给一个input标签默认灰色的placeholder提示。然后用户点击输入框的时候，更改placeholder文字内容。最后可以选择颜色改为橙色即可。

2、在做界面的时候，会涉及到字体颜色的改变，那么使用js可以怎样改变字体颜色呢？步骤一：打开Eclipse，点击File--New--Dynamic Web Project，新建一个工程TestColor。

3、也可以使用for循环该字符串，先把字体全部设成红色，然后进行循环，把0到90的字都添加城其他颜色，然后之后的字就都是红色的了，这也是一种方法，JS是属于比较难掌握的语言，如果有什么不懂，欢迎留言，答案仅供参考。

4、在test.html文件中，在js标签中创建myfun()函数。在函数中，使用getElementById()方法按Id获取div对象，并将对象中的backgroundImage背景属性设置为另一个图像，从而改变div的背景图像。完成了，可以跑了。

关于js点击当前字变颜色和js设置文字颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。