首页 | ▀▄ 在线 html 5 代码编辑预览 <!doctype html> <html> <head> <meta charset="utf-8"> <title>修改代码，右边会自动显示结果</title> <!--适应移动端--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--css样式--> <style> body{background-color: #EBEBEB} .aaa{background-color: #CB4F51;padding: 10px;display: block} </style> <!--引用jquery库--> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> </head> <body> <h3>这是一个简单的点击效果</h3> <div class="aaa"> 点击我 </div> <script type="text/javascript"> $(document).ready(function(){ // 点击 $(".aaa").click(function(){ alert("你好！"); }); // 悬停到目标上 $(".aaa").mouseover(function(){ $(this).css("background-color","#0060ff"); }); // 悬停离开 $(".aaa").mouseout(function(){ $(this).css("background-color","#CB4F51"); }); }); </script> </body> </html> 格式化代码全屏编辑下载 html 文件 自动保存成功...