請問鼠標經過變顏色的代碼怎么寫啊
請問鼠標經過變顏色的代碼怎么寫啊
qq_慕用2129022
2019-03-27
5 回答
舉報
0/150
提交
取消
2019-11-11
我目前只想到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";
}
2019-05-06
之前教程不就是有嗎，先獲取對應id，然后通過 style修改樣式，最后在? 要經過的地方? onmouseover? 事件
2019-05-06
<!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>
2019-03-28
求具體代碼參考
2019-03-27
onmouseover,用他解決