當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS動態生成金字塔效果

JS動態生成金字塔效果

2012/11/12 21:28:00作者：佚名來源：網絡

移動端

【實例名稱】

JS動態生成金字塔效果

【實例描述】

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

【實例代碼】

<html>
<head>
<title>測試-學無憂（www.yzddtk.cn）</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代碼的準確性，請點擊：動態生成金字塔效果進行本實例源碼下載

標簽：

上一篇：JS定義全局變量
下一篇：如何實現動態修改CSS的樣式

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频