JS鼠标效果

2019-09-08 09:39:27来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

JS鼠标效果

 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>

 


原文链接:https://www.cnblogs.com/jiushui/p/11474553.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css以图换字的方式

下一篇:FastAdmin 关于列表渲染文字过长导致页面难以管理的问题