使用数组添加li标签

55gY 1,757 0

[danger]【原】手动添加[/danger]

<ul>
	<li class="item"><a href="files/0.jpg"><img src="files/0.jpg" alt="使用数组添加li标签" /></a></li>
	<li class="item"><a href="files/1.jpg"><img src="files/1.jpg" alt="使用数组添加li标签" /></a></li>
	<li class="item"><a href="files/2.jpg"><img src="files/2.jpg" alt="使用数组添加li标签" /></a></li>
	<li class="item"><a href="files/3.jpg"><img src="files/3.jpg" alt="使用数组添加li标签" /></a></li>
	<li class="item"><a href="files/4.jpg"><img src="files/4.jpg" alt="使用数组添加li标签" /></a></li>
	<li class="item"><a href="files/5.jpg"><img src="files/5.jpg" alt="使用数组添加li标签" /></a></li>
</ul>

[success]【改】使用数组形式添加li[/success]

<script language="javascript">
	var arr = new Array('files/0.jpg','files/1.jpg','files/2.jpg','files/3.jpg','files/4.jpg','files/5.jpg');
	document.write('<ul>');
	for(
		var i=0;
		i<arr.length;
		i++
		)
		{
			document.write('<li class="item"><a href="'+arr[i]+'"><img src="'+arr[i]+'" /></a></li>');
		}
			document.write('</ul>');
</script>

本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!

发表评论 取消回复
表情 图片 链接 代码