當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS動態(tài)生成金字塔效果

JS動態(tài)生成金字塔效果

2012/11/12 21:28:00作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

JS動態(tài)生成金字塔效果

【實例描述】

本例是一個動態(tài)生成表格的特效??蓪⒈砀褫敵鰹榻鹱炙Ч?。

【實例代碼】

<html> <head> <title>測試-學(xué)無憂(m.wangbatian.cn)</title> <script language="javascript">     //動態(tài)創(chuàng)建表格     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>'  //循環(huán)輸出每行     }     document.write(s+"<\/table>") </script> </head> <body> </body> </html>

【運行效果】

 動態(tài)生成金字塔效果運行效果

【難點剖析】

本例的重點是使用循環(huán)動態(tài)創(chuàng)建20行,并設(shè)置行的“align”屬性值為“centei”,這樣不管頁面怎么改變大小,顯示的金字塔始終在中間位置。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點擊:動態(tài)生成金字塔效果 進(jìn)行本實例源碼下載 

標(biāo)簽: JS動態(tài)  生成  效果