• 人民日报人民时评:对环境问题要“一盯到底” 2019-03-20
  • 展开美丽中国的时代画卷——十九大代表聚焦生态文明建设 2019-03-20
  • 真的很美!越冬候鸟迎来迁徙高峰 2019-01-16
  • 哪些黑痣易恶变?专家:可遵循5大原则鉴别 2019-01-16
  • 今年春运购票变化大 回家的车票该咋买? 2019-01-12
  • G7峰会期间那张著名的刷屏照片......反转了? 2019-01-12
  • 世界杯首日综述:俄罗斯喜获开门红 罗纳尔多现身开幕式 2019-01-05
  • 乌兰察布(北京)招商路演会 2018-12-08
  • 复制代码
  • 下载代码
  • 清除保存
  • 保存我的代码
  • <!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>
  • 人民日报人民时评:对环境问题要“一盯到底” 2019-03-20
  • 展开美丽中国的时代画卷——十九大代表聚焦生态文明建设 2019-03-20
  • 真的很美!越冬候鸟迎来迁徙高峰 2019-01-16
  • 哪些黑痣易恶变?专家:可遵循5大原则鉴别 2019-01-16
  • 今年春运购票变化大 回家的车票该咋买? 2019-01-12
  • G7峰会期间那张著名的刷屏照片......反转了? 2019-01-12
  • 世界杯首日综述:俄罗斯喜获开门红 罗纳尔多现身开幕式 2019-01-05
  • 乌兰察布(北京)招商路演会 2018-12-08