源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery二级导航内容均分的原理及实现

  • 时间:2020-06-08 00:43 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery二级导航内容均分的原理及实现
这个是去年做过的一个项目中的算法,个人感觉还可以,所以拿出来分享下。 背景:头部导航二级导航有些内容太长,一列的话太过难看,就要分成两列,要做到按块尽量均分,排列顺序没有限制。 [b]原理:[/b] 1.把各个二级导航做为一个独立的,内部分成多个块,算出各块的高度,升序排列。 2.求出各块的总高度和,除2得到平均最高的高度。 3.从块的高度最高的开始,如果高度大于平均高度,则这块放入A边,其他的分至B边。 4.如果小于这个高度,则平均高度变为减去最高高度的值。 5.取剩下最高的高度与平均高度比,如果高度大于平均高度,则这块放入A边,其他的分至B边。 6.循环3-5直到所有块都结束。 这是这个代码的主要思路,这样就把一个导航的内容分成了平均的两列。 [b]实现:[/b] 当只有一个块时,不用比较
[url=http://xiazai.jb51.net/201308/yuanma/menusort_jb51.net.rar]demo下载[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部