当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS动态生成金字塔效果

JS动态生成金字塔效果

2012/11/12 21:28:00作者:佚名来源:网络

移动端

【实例名称】

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代码的准确性,请点击:动态生成金字塔效果 进行本实例源码下载 

标签: