JavaScript九九乘法表變方是一個非常有趣的小項目。這個項目就是將九九乘法表的數(shù)字，通過運用CSS樣式和JavaScript代碼，變成一個漂亮的“方形”圖案。

實現(xiàn)這個小項目的方法很簡單，只需要把原來的九九乘法表的HTML代碼改為方塊狀的代碼就可以了。接下來通過JavaScript的for循環(huán)語句和字符串拼接方法來生成新的HTML代碼，從而實現(xiàn)代碼自動生成并輸出到頁面上。

function createTable() {
// 生成表格的行數(shù)
for (var i = 1; i <= 9; i++) {
// 生成表格的列數(shù)
for (var j = 1; j <= i; j++) {
var result = i * j;
// 將生成的方塊狀HTML代碼存為字符串
var html = '<div class="item" data-number="' + result + '">' + i + ' × ' + j + ' = ' + result + '</div>';
// 將生成的HTML代碼添加到容器中
$('#container').append(html);
}
}
}

在代碼中，我們首先定義了一個名為createTable的函數(shù)，它是用于生成九九乘法表方塊的。在函數(shù)中，我們使用了兩個for循環(huán)來生成表格的行和列。第一個for循環(huán)用于控制行數(shù)，第二個for循環(huán)用于控制列數(shù)。

當行數(shù)為1時，就只有一個1 × 1的方塊狀元素。當行數(shù)為2時，就會生成兩個元素，1 × 1和2 × 2。當行數(shù)為3時，就會生成三個元素，1 × 1、2 × 2和3 × 3。以此類推，直到行數(shù)為9時，會生成全部81個元素。

接下來，在循環(huán)內部，我們先根據(jù)當前行和列的數(shù)字，計算出對應的乘積結果。然后再通過字符串拼接的方式，生成方塊狀的HTML代碼，將其存放在html變量中。

最后，在函數(shù)內部，我們使用jQuery的append方法將生成的HTML代碼添加到一個指定的容器中，并在頁面上顯示出來。這里的容器可以是ID為container的div元素。

在CSS樣式中，我們給方塊狀元素設置了一些特殊的樣式。例如，我們讓所有元素的高度和寬度都相等，讓它們在頁面上呈現(xiàn)出等大的正方形。我們還把它們分成9列，每列間距為10像素，使它們在頁面上呈現(xiàn)出一定的排版和層次感。

通過這種方法，我們可以將原來普通的九九乘法表變成一個更加生動、更加形象、更加易懂的方塊狀圖案。這對于初學JavaScript的程序員來說，也是一次不錯的練手項目。