cyrusthegreat
شنبه 02 اردیبهشت 1391, 17:49 عصر
دوست عزیز خدمت شما
var size = $("#content .box .content div#seprated ul.seprated li").size();
if ( size > 7 ) {
if ( size % 2 == 0 ) {
var firstItemNum = size / 2;
var secendItemNum = firstItemNum - 1;
}
else {
var firstItemNum = (size -1) / 2 + 1;
var secendItemNum = firstItemNum - 1;
}
var firstItems = $("#content .box .content ul.seprated li:lt("+firstItemNum+")");
var secendItems = $("#content .box .content ul.seprated li:gt("+secendItemNum+")");
$("#content .box .content div#seprated").html('<div class="first-items"><ul></ul></div><div class="second-items"><ul></ul></div>');
$(firstItems).each(function() {
$("#content .box .content div#seprated div.first-items ul").append("<li>"+$(this).html()+"</li>");
});
$(secendItems).each(function() {
$("#content .box .content div#seprated div.second-items ul").append("<li>"+$(this).html()+"</li>");
});
}
کد htmlاش هم این هستش:
<div id="content">
<div class="box">
<div class="content">
<div id="seprated">
<ul class="seprated">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
</ul>
</div>
</div>
</div>
</div>
شما با تغییر مقدار
if ( size > 7 )
می تونید تعداد المان های ستون هاتون رو مشخص کنید. این فقط دو ستون می کنه.