jquery 操作滚动条滚动 animate checkbox操作

最新推荐文章于 2022-11-11 12:35:10 发布

taking_wang

最新推荐文章于 2022-11-11 12:35:10 发布

阅读量914

点赞数

分类专栏：前台 web_jquery

本文链接：https://blog.csdn.net/taking_wang/article/details/8266999

版权

前台 web_jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

代码如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
  {
  $(".btn1").click(function(){
   if(!$("#box").is(":animated")){
   $("#comtent").animate({height : "+=50"});
  } else {
alert("ddd");
}

  });
  $(".btn2").click(function(){
   //$("#comtent").animate({height : "-=50"});
   $("#comtent").css({height : "-=50"});
  });

  $("#test1").click(function(){
  $("#comtent").animate({scrollTop: "+=17"});
$("[name='item']:checkbox").attr("checked",true);
});

  $("#test2").click(function(){
   $("#comtent").animate({scrollTop: "-=17"});
$("[name='item']:checkbox").attr("checked",false);
});

$("#change").click(function(){
$("[name='item']:checkbox").each(function(){
  this.checked = !this.checked;
});
});
});
</script>
</head>
<body>
<textarea id="comtent" cols="10" rows="8">
测试+测试+测试+测试+测试+测试+测试+
测试+测试+测试+测试+测试+测试+测试+测试+测试+
测试+测试+测试+测试+测试+测试+测试+
测试+测试+测试+测试+测试+
测试+测试+测试+
</textarea>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>

<button id="test1">next</button>
<button id="test2">prev</button>
<button id="change">反选</button>

<input type="checkbox" name="item"/>
<input type="checkbox" name="item"/>
</body>
</html>

taking_wang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 操作滚动条滚动 animate checkbox操作

代码如下：$(document).ready(function() { $(".btn1").click(function(){ if(!$("#box").is(":animated")){ $("#comtent").animate({height : "+=50"}); } else {alert("ddd");}
复制链接

扫一扫