请问鼠标经过变颜色的代码怎么写啊
qq_慕用2129022
2019-03-27 10:38
请问鼠标经过变颜色的代码怎么写啊
5回答
-
- 旺仔窝窝头
- 2019-11-11 22:03:43
我目前只想到2种方法：
1、通过设置元素对象的className改变样式，但这样比较麻烦；
2、通过设置元素对象的style属性值改变样式。
关键代码如下：
（1）CSS代码：（根据自己喜好）
.one{
color:green;
font-size:20px;
width:100px;
background-color:pink;
font-style:italic;
font-weight:bold;
text-decoration:line-through;
}
（2）JS代码：
function change(){
//通过设置元素的className改变样式
var obj=document.getElementById("demo");
obj.className="one";
}
function change2(){
//通过设置元素对象的style属性改变样式
var obj=document.getElementById("demo1");
obj.style.color="red";
}
-
- 慕侠5530338
- 2019-05-06 17:31:55
之前教程不就是有吗，先获取对应id，然后通过 style修改样式，最后在 要经过的地方 onmouseover 事件
-
- 慕侠5530338
- 2019-05-06 17:29:49
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function message(){
var mycolor = document.getElementById("psw");
mycolor.style.color = "red";
}
</script>
</head>
<body>
<form>
<p id = "psw">密码</P>:<input name="password" type="password" >
<input name="确定" type="button" value="确定" onmouseover = "message()"/>
</form>
</body>
</html>
-
- qq_慕用2129022
- 2019-03-28 10:53:38
求具体代码参考
-
- weixin_慕仙1297626
- 2019-03-27 14:49:28
onmouseover,用他解决
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题