20171213

来源:互联网 发布:html5抓娃娃游戏源码 编辑:程序博客网 时间:2024/06/16 12:03
今天学的有点蒙蔽 不知道该怎么说--/--
 <html> <title>鼠标进出以及实现关联显示</title> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> .el_em{ background-color:red; color:white; } #float{ float:left; } </style> </head> <body> <div id="float"> <div class="" style="width:200px;height:200px;border:1px solid gray;"onmouseenter="divMouseEnter(this)"onmouseleave="divMouseLeave(this)"id="float"> 1 </div> <div class="" style="width:200px;height:200px;border:1px solid gray;"onmouseenter="divMouseEnter(this)"onmouseleave="divMouseLeave(this)"id="float"> 2 </div> <div class="" style="width:200px;height:200px;border:1px solid gray;"onmouseenter="divMouseEnter(this)"onmouseleave="divMouseLeave(this)"id="float"> 3 </div> <div class="" style="width:200px;height:200px;border:1px solid gray;"onmouseenter="divMouseEnter(this)"onmouseleave="divMouseLeave(this)"id="float"> 4 </div> </div> </body> <script type="text/javascript"> function divMouseEnter(elem){ elem.className = "el_em";   } function divMouseLeave(elem){ elem.className = ""; } </script> </html>
原创粉丝点击