JQ动画 show hide

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //从左到右改变大小
            $("#div1").toggle(function () {
                $(this).show(2000);
            }, function () {
                $(this).hide(1000);

            });


        });


        $(function () {

            $("#btn").click(function () {

                $("#div1").toggle(function () {
                    $(this).fadeOut();
                }, function () {
                    $(this).fadeIn();
                });
            });
        });
    </script>
</head>
<body>
    <div id="div1" style="background-color: Red;">
        上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法<br />
        上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法<br />
        上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法
    </div>
    <input type="button" id="btn" value="点击" />
</body>
</html>

相关阅读:
java后端工具积累
Java基础面试题整理
MySql常问面试题
jvm及并发面试题
中间件redis kafka面试题
笔记
解决Git操作报错
view的state和drawable的state 源码分析
flutter_6_动态化简介
有关namespace 命名空间

原文地址：https://www.cnblogs.com/sumg/p/3742687.html