第一个动画与

Original 2019-03-29 16:15:44 245
abstract:<!DOCTYPE html><html><head> <title>第一个动画</title> <style type="text/css">     p{width: 500px;height: 30px;margin: 50px auto;     backgr

<!DOCTYPE html>

<html>

<head>

<title>第一个动画</title>

<style type="text/css">

    p{width: 500px;height: 30px;margin: 50px auto;

    background-color: pink;text-align: center;}


.box{

width: 500px;

height: 400px;

margin: 0px auto;

border: 1px solid #ccc;

background-color: pink;


}

</style>

</head>

<body>

<p>

      请输入你的学号:<input type="text" name="" onfocus="myinfor(this)"

       onblur="myinforout(this)">号

    </p>

<br>

<br>

    <div class="box"  onmouseover="myfoc(this)" onmouseout=" myfocout(this)">

  

    </div>

    <script type="text/javascript">

    function myinfor(x){

           x.style.background="#ccc";

    }

    function myinforout(c){

           c.style.background="";

    }

    function myfoc(y){

    y.style.borderRadius="250px";

    }

    function myfocout(z){

    z.style.borderRadius="0px";

    }

    </script>

</body>

</html>

1553847249886914.jpg

Correcting teacher:天蓬老师Correction time:2019-03-30 10:46:27
Teacher's summary:这是什么动画呢, 只有一些简单的样式重写吧

Release Notes

Popular Entries