jquery点击div 先变大再缩小

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery点击div 先变大再缩小相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <title>
         jquery点击div 先变大再缩小
        </title>
        <script>
            $(function(){
                $("div").toggle(function(){
                    $(this).css({
                     "width":"900px",
                      "height":"500px",
                      "position":"absolute",
                      "top":"0",
                      "left":"0"
                    });
                },function(){
                    $(this).css({
                         "width":"200px",
                         "height":"200px",
                    
                        
                    });
                });
            })
        </script>
  </head>
    <body>
    <div style="background-color:blue">
            点击
        </div>
  </body>
</html>

以上是关于jquery点击div 先变大再缩小的主要内容,如果未能解决你的问题,请参考以下文章

iOS 仿微博客户端红包加载界面 XLDotLoading

img标签jquery 实现点击图片放大缩小

怎么用js实现点击页面上的div慢慢放大,再次点击慢慢缩小。在同一个div

使用 jQuery 在悬停/退出时展开/缩小 div

iOS 仿微博客户端红包加载界面 XLDotLoading

Jquery切换动画点击