当前位置: 移动技术网 > IT编程>网页制作>CSS > JS鼠标效果

JS鼠标效果

2019年09月06日  | 移动技术网IT编程  | 我要评论
1 2 3 4 5 Document 6 13 21 22 23 24 25 ...
 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="utf-8">
 5     <title>document</title>
 6     <style type="text/css">
 7         #div1{
 8             width: 200px;
 9             height: 50px;
10             background-color: orange;
11         }
12     </style>
13     <script type="text/javascript">
14     function togreen(){
15         document.getelementbyid('div1').style.background='green';
16     }
17     function toorange(){
18         document.getelementbyid('div1').style.background='orange';
19     }
20     </script>
21 </head>
22 <body>
23     <div id="div1" onmouseover="togreen()" onmouseout="toorange()"></div>
24 </body>
25 </html>

 

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网