返回javascr......登陆

javascript事件测试

JuJo2019-02-23 23:37:06204

<!DOCTYPE html />

<html>

<head>

  <meta charset="utf-8" />

  <title>js事件测试</title>

</head>

<body>

  <script type="text/javascript">

    function foc(x){

 x.style.background="red";

}


function cli(z){

 z.style.borderRadius="20%";

}


function over(y){

 y.style.borderRadius="30%";

}


function out(k){

 k.style.borderRadius="0%";

}

  </script>

  

  <input type="text" onfocus="foc(this)" />

  <br /><br />

  <div style="width:100px;height:100px;border:1px solid #000;" onclick="cli(this)"></div>

  <br /><br />

  <!--<tr>

    <td style="width:100px;height:100px;border:1px solid pink;" onmouseover="over(this)"></td>

  </tr>-->

  <div style="width:100px;height:100px;border:1px solid pink;" onmouseover="over(this)" onmouseout="out(this)"></div>

  

  

</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送