请问鼠标经过变颜色的代码怎么写啊
请问鼠标经过变颜色的代码怎么写啊
qq_慕用2129022
2019-03-27
5 回答
我目前只想到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";
}
<!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>
举报
0/150
提交
取消
