如何在桌面上执行滑动动画？
如何在桌面上执行滑动动画？
提问于 2012-03-09 17:38:20
我有一个包含许多(动态数字)行的表，屏幕可见区域是4行。每个表单元格都包含一个图像。我需要滑动这个表，以显示第5行和更多的行，我想要的动画效果时，滑动它。
我已经尝试过.slideUp()和.slideDown()，但我不知道我到底应该设置什么动画。我的表格生成代码是：
$().ready(function() {
for(var i = 0; i < 20; i++) {
var $tr = $('<tr/>');
for(var j = 0; j < 7; j++) {
$tr.append($('<td><div><img src="pic' + (j + i * 7) + '.png" /></div></td>'));
}
$('tbody').append($tr);
}
});如何才能真正实现动画效果或滑动行？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-03-09 18:03:49
无法在table%s上使用slide动画，因为无法将行的高度设置为0。
Stack Overflow用户
发布于 2012-03-09 17:45:25
试试这个：
$(document).ready(function() {
for(var i = 0; i < 20; i++) {
var $tr = $('<tr/>');
for(var j = 0; j < 7; j++) {
$tr.append($('<td><div><img src="pic' + (j + i * 7) + '.png" /></div></td>'));
}
$tr.hide().appendTo($('tbody')).slideDown();
}
});更新
此jsFiddle有效：http://jsfiddle.net/A4fn6/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9631828
复制相关文章
相似问题
腾讯云开发者
