<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function moveToBlue(){ var e = document.querySelector("#btn_blue"); var e2 = document.querySelector("#btn_green"); var div = document.querySelector("#content"); e.style.border = "1px solid #ccc"; e.style.backgroundColor = "white"; e2.style.border = "none"; e2.style.backgroundColor = "none"; div.style.backgroundColor = "blue"; } function moveToGreen(){ var e = document.querySelector("#btn_blue"); var e2 = document.querySelector("#btn_green"); var div = document.querySelector("#content"); e2.style.border = "1px solid #ccc"; e2.style.backgroundColor = "white"; e.style.border = "none"; e.style.backgroundColor = "none"; div.style.backgroundColor = "green"; } </script> </head> <body> <div style="width: 100px;height: 50px;"> <button id="btn_blue" style="width: 45px;"onmousemove="moveToBlue()">蓝色</button> <button id="btn_green" style="width: 45px;"onmousemove="moveToGreen()">绿色</button> <div id="content" style="background-color: blue;width: auto;height: 50px;"></div> </div> <br /> <img id="myimg" src="http://www.w3school.com.cn/i/eg_mouse.jpg" style="display: none;"> </body> </html> `Quota into a 1
Guess you like
Origin www.cnblogs.com/JiangLeiBlog/p/11105941.html
Ranking