开发工具
站长工具
更多
效率提升
便民查询
媒体处理
休闲娱乐
登录 / 注册
HTML编辑器
选择库...
使用 jQuery 2.2.4
使用 Bootstrap 3.3.7
使用 Angular 1.6.6
使用 Vue 2.2.2
使用 Font Awesome 4.7.0
运行
自动执行
54
喜欢
41
转发
收藏
<!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} .demo{background-color: #FDAB0E;padding: 10px;display: block} </style> <!--引用jquery库--> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> </head> <body> <h4>这是一个效果演示</h4> <div class="demo"> 点击我 </div> <script type="text/javascript"> $(document).ready(function(){ //点击 $(".demo").click(function(){ alert("你好！我就这样轻飘飘的弹出来了"); }); //悬停到目标上 $(".demo").mouseover(function(){ $(this).css("background-color","#57ab4e"); }); //悬停离开 $(".demo").mouseout(function(){ $(this).css("background-color","#aaeea3"); }); }); </script> </body> </html>
美化
压缩
下载