动画效果的导航

原创 2019-02-12 12:17:09 353
摘要:<!DOCTYPE html><html><head>    <meta charset="utf-8"> <title></title> <script type="text/javascript" src="D:/链接/jquery.html/jq

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

<title></title>

<script type="text/javascript" src="D:/链接/jquery.html/jquery-3.3.1.js"></script>

    <style type="text/css">

    div{width: 200px;height: 200px;background: blue;position: absolute;}

    </style>

    <script type="text/javascript">

       $(document).ready(function(){

        $('#right').click(function(){

        $('.box1').animate({left:'500px'},5000)

        $('.box1').animate({fontSize:'40px'},500)

       })

       $('#stop').click(function(){

        $('.box1').stop()

       })

   })

    </script>

</head>

<body>

<button id="right">右移</button>

<button id="stop">停止</button>

<div class="box1">php中文网</div>

</body>

</html>


批改老师:天蓬老师批改时间:2019-02-12 12:39:14
老师总结:animate({left:'500px'},5000), 这个函数注意参数类型, 第一个必须是对象字面量

发布手记

热门词条