2012-11-12 来源:网络
【实例名称】
JS动态生成金字塔效果
【实例描述】
本例是一个动态生成表格的特效。可将表格输出为金字塔效果。
【实例代码】
<html> <head> <title>测试-学无忧(www.xue51.com)</title> <script language="javascript"> //动态创建表格 var s='<table width="100%" align="center" cellpadding="0" cellspacing="0"><tr><td align="center">★</td></tr>',x="★"; for(var i=0;i<20;i++){ s+='<tr><td align="center">'+(x=x+"★")+'</td></tr>' //循环输出每行 } document.write(s+"<\/table>") </script> </head> <body> </body> </html>
【运行效果】
【难点剖析】
本例的重点是使用循环动态创建20行,并设置行的“align”属性值为“centei”,这样不管页面怎么改变大小,显示的金字塔始终在中间位置。
【源码下载】
为了JS代码的准确性,请点击:动态生成金字塔效果 进行本实例源码下载