zoukankan      html  css  js  c++  java
  • jquery实现显示和隐藏toggle()方法的使用

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>demo1--简单动画实现</title>
    <style>
    #box1 { background:#98bf21;height:500px;width:500px;position:absolute;display:none;}
    </style>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    /*$(function(){
    $("#box1").show(function(){
    $(this).animate({'500px',height:'500px',opacity:'0.4'},1000);
    $(this).animate({'0px',height:'0px',opacity:'0.4'},1000);
    });
    });*/
    $(function(){
    $("#box1").toggle(2000);
    $("#box1").toggle(2000);
    });
    </script>
    </head>
    <body>
    <div id="box1"></div>
    </body>
    </html>
  • 相关阅读:
    jqGrid表格控件的学习
    list 集合筛选数据
    MySQL跨域
    11-Index页面
    11-Comment页面
    11-Add页面
    11-UploadFile
    11-控制器UI
    11-控制器
    11-数据访问层
  • 原文地址:https://www.cnblogs.com/hongxp/p/5646001.html
Copyright © 2011-2022 走看看