jQuery表列滑动效果 [英] Jquery table column sliding effect

查看:84
本文介绍了jQuery表列滑动效果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我将需要一个Jquery脚本来实现表格滑动效果,就像

I will need a Jquery script for a table sliding effect just like

http://sfsdirectdemo.projects.sourceflow.com/luke (中间计划表)

我用Google搜索,但没有任何良好的结果,请任何人帮助.

I Google it but have not any good result, anyone please help.

推荐答案

以下是我认为可以满足您需求的示例:

Here's an example that I believe does what you want:

http://jsfiddle.net/nheldman/GB7Hc/3/

诀窍是创建一个 outer div,其宽度要显示为表格,而 inner div的宽度为 all (如果您滑动的话).

The trick is to create an outer div with the width of the table you want to show, and an inner div that is the width of all of the columns that could be displayed if you slide.

然后,您只需使用jQuery animate()即可按每列的宽度向左滚动外部容器.

Then you can just use jQuery animate() to scrollLeft the outer container by the width of each column.

祝你好运!

这篇关于jQuery表列滑动效果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆