1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title></title>
6 <style>
7 .over {
8 color: yellow;
9 background: #7a7280;
10 }
11
12 .down {
13 color: yellow;
14 background: #7a7280;
15 font-style: italic;
16 }
17 </style>
18 </head>
19 <body>
20 <!--1.鼠标移入移出事件-->
21 <input type="button"
22 onmousemove="this.className=‘over‘;"
23 onmouseout="this.className=‘‘;"
24 onmousedown="this.className=‘down‘;"
25 onmouseup="this.className=‘over‘;"
26 value="让按钮嵌入"
27 onclick="this.value=‘嵌入成功！‘"
28
29 />
30
31
32 <!--2.按钮只能单击一次-->
33 <button onclick="this.disabled=true">单击</button>
34
35
36 </body>
37 </html>
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .over { color: yellow; background: #7a7280; }
.down { color: yellow; background: #7a7280; font-style: italic; } </style></head><body><!--1.鼠标移入移出事件--><input type="button" onmousemove="this.className=‘over‘;" onmouseout="this.className=‘‘;" onmousedown="this.className=‘down‘;" onmouseup="this.className=‘over‘;" value="让按钮嵌入" onclick="this.value=‘嵌入成功！‘"
/>
<!--2.按钮只能单击一次--><button onclick="this.disabled=true">单击</button>
</body></html>
时间： 2024-08-29 00:13:53