jquery 操作滚动条滚动 animate checkbox操作
来源:互联网 发布:xampp apache 编辑:程序博客网 时间:2024/06/07 14:56
代码如下:
<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>
- jquery 操作滚动条滚动 animate checkbox操作
- Jquery操作滚动条
- jquery操作与滚动条相关操作
- extjs/jquery/js 操作页面滚动条
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- jquery操作滚动条滚动到指定位置
- 操作滚动条(一)
- Javascript操作滚动条
- WPF操作滚动条
- CScrollBar 滚动条操作
- python滚动条操作
- jquery操作滚动
- jquery 滚动条向下滚动或者向上滚动到div位置处,执行操作
- jquery 滚动条 scroll 和 animate出现的问题总结
- 操作div 的滚动条
- opencv中滚动条操作
- [Android] Android常用命令
- responsive web design
- 分页(一)
- Android学习笔记--四大组件之BroadcastReceiver
- 《partner4java 讲述MyBatis入门》之第一步:MyBatis HelloWorld
- jquery 操作滚动条滚动 animate checkbox操作
- linux sysinfo函数使用方法--获取内存大小
- C#如何使用 Try/Catch 块捕捉异常
- 尾递归
- someone like you
- 如何在eclipse中编写好程序,然后打包成jar文件,在hadoop分布式集群上运行
- C#WebService分析
- 做一个缩略图片(php)
- Evaluating Combiantions