木子屋 Dnawo's BLOG

Js输出,支持水平、垂直走向

👤 dnawo 📅 2008-01-25 👁 4871 👍 0 💬 0 🔄 本站原创
HTML
<script language="javascript">
var arr = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22);
function show(col,direct)
{
	var arrCol = new Array(col);
	if(direct.toLowerCase()=="h")
	{
		//水平走向
		for(var i=0;i<arrCol.length;i++)
		{
			arrCol[i] = "<ul>";
		}
		
		for(var i=0;i<arr.length;i++)
		{
			arrCol[i%col] += "<li>" + arr[i] + "</li>";
		}
		
		for(var i=0;i<arrCol.length;i++)
		{
			arrCol[i] += "</ul>";
		}
	}
	else
	{
		//垂直走向
		var row = parseInt(arr.length/col);
		if(arr.length%col>0)row++;
		for(var i=0;i<col;i++)
		{
			arrCol[i] = "<ul>";
			for(var ii=0;ii<row;ii++)
			{
				var index = row*i+ii;
				if(arr[index]!=undefined)
				{
					arrCol[i] += "<li>" + arr[index] + "</li>";
				}
			}
			arrCol[i] += "</ul>";
		}
	}
	
	for(var i=0;i<arrCol.length;i++)
	{
		document.write(arrCol[i]);
	}
}
show(3,"v");//show(3,"h");
</script>

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 阻止外部提交和客户端脚本不兼容解决方法 下一篇 → 手机发送代码投放参考之Discuz!论坛