用 ezj 让 li 浮动遇边界不换行

作者:vkvi 来源:ITPOW(原创) 日期:2012-3-10

通过为 li 设置 float:left;,可以将 li 浮动,让一行显示多个 li,比 td 维护更方便。但它也有个与 td 不同的特性,就是 li 遇到 ul 宽度不够时,会显示在下一行,而 td 不会因 tr 宽度不够而到下一行去。

所以存在这么一种情况,在做横向无缝滚动时,我们希望将所有的 li 都做在一行,而我们又不知道 li 的实际个数,即无法确定 ul 的宽度,怎么办呢?

用 ezj 解决

myUl 为 ul 的 id,$("myUl <li").length 获取了 myUl 下实际有多少个 li,并乘以每个 li 的宽度 140,得 myUl 的实际宽度。

ezj.ext.scroll 实现了向左无缝滚动,productList 为 ul 外层,且比 ul 窄的 div 的 id。

官方网站

http://www.itpow.com/tools/downloads/ezj_V2.10.zip

相关文章