开发工具
站长工具
更多
提升效率
便民查询
媒体处理
休闲娱乐
主机侦探
外贸工具
喜欢
评论
已收藏
收藏
用户中心
登录 / 注册
HTML编辑器
选择库...
使用 jQuery 2.2.4
使用 Bootstrap 3.3.7
使用 Angular 1.6.6
使用 Vue 2.2.2
使用 Font Awesome 4.7.0
运行
自动执行
<!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>
美化
压缩
下载
∧