jQuery

最新推荐文章于 2024-10-16 16:26:58 发布

LikY03321

最新推荐文章于 2024-10-16 16:26:58 发布

阅读量87

点赞数

文章标签： jquery 动画 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/LikY03321/article/details/128838443

版权

动画

自定义动画

animate()

语法：

$(selector).animate({params},speed,callback)；

必需的params参数定义形成动画的css属性

可选的speed参数规定效果的时长。可以取以下值:slow、fast或毫秒数

可选的callback参数是动画完成后所执行的函数名称

 <style>
        div{
            position: absolute;
        }
        ul li{
            list-style: none;
            position: relative;
            left: -90px;
            height: 30px;
            background-color: aqua;
            text-align: center;
            margin-top: 10px;
        }
        li a{
            text-decoration: none;
            color: black;
        }
        /* li:nth-child(1){
            left: 0;
        } */
    </style>
<body>
    <div>
        <ul>
            <li><a href="#">111111</a></li>
            <li><a href="#">222222</a></li>
            <li><a href="#">333333</a></li>
            <li><a href="#">444444</a></li>
            <li><a href="#">555555</a></li>
            <li><a href="#">666666</a></li>
            <li><a href="#">777777</a></li>
            <li><a href="#">888888</a></li>
            <li><a href="#">999999</a></li>
        </ul>
    </div>
<script src="js/jquery-3.6.0.js"></script>
    <script>
        $(function(){
            $("div ul li").hover(function(){
                $(this).animate({"left":"100"},"false")
            },function(){
                $(this).animate({"left":"-90"},"false")
            })
        })
    </script>
</body>

表单提交

表单有两个特殊的属性：

属性名	作用
method	规定用于发送表单的HTTP方法（提交表单的方式）
action	规定当提交时向何处发送表单数据（要提交表单的地址）

form表单有一个自动提交的功能(submit)有时候不写submit也会自动提交。可以默认不写。如果不想要表单自动提交就要写阻止表单自动提交的方法（οnsubmit="return false;"）。

表单提交分两种方法get提交和post提交

get是从服务器上获取数据，post是向服务器传送数据。 get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。 post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。