实例详解CSS中animate属性使用

 时间:2026-04-23 23:50:19

1、<body><div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;"></div><button class="btn1">Animate</button><button class="btn2">Reset</button></body>

2、写对应的js代码<script type="text/javascript">$(document).ready(function()  {  $(".btn1").click(function(){    $("#box").animate({height:"300px"});  });  $(".btn2").click(function(){    $("#box").animate({height:"100px"});  });});</script>

3、点击按钮,就可得到相对应的效果

  • VS如何设置新快捷键为C#编辑器
  • 怎么查看所有命令提示符以及相关命令帮助
  • Win11如何复制图片文件
  • WinSCP如何打开独立的shell会话窗口
  • 使用EA工具将ER图生成数据库物理模型PDM
  • 热门搜索
    杭州两日游攻略 巴马旅游攻略 张家界旅游攻略自由行三天 圣安地列斯怎么开飞机 鼻子歪怎么办 苹果手机卡死了怎么办 睡觉减肥法 喀纳斯旅游攻略 玻璃奶瓶怎么消毒 注册会计师考试攻略