亚明砖码砖专区2022网站,欧美777,97ai图片

<ul id="gm044"></ul>

咨詢電話：024-31891684

design網站設計

design frontier設計前沿當前位置：首頁>主要服務>網站設計>設計前沿

制作內容動態(tài)改變的層特效

第一種方法：通過改變DIV的innerHTML屬性值動態(tài)改變頁面內容。這種情況適合動態(tài)顯示的內容較少時，動態(tài)顯示的內容（如“用戶名”不能為空）占據一行的時候比較適合此種方法，使用myDiv.innerHTML="HTML代碼"來動態(tài)改變頁面內容。

第二種方法：當動態(tài)顯示的內容較多，并相對固定時，則應該預先制作好DIV內容，然后使用myDiv.style.display="none/block",來動態(tài)改變層的隱藏或顯示，從而實現動態(tài)改變頁面內容。經過上面的詳細分析，這里應該采用第二種方法，先設計好層中的內容，然后使用none/block 屬性值來顯示或隱藏層，從而實現動態(tài)改變頁面內容。

具體的制作過程如下：

第一步：制作靜態(tài)頁面，插入一個名為myform的表單，然后在表單域中插入8行3列表格，合并相應的單元格，接著插入圖片和文本，并設置各表單元素的名稱?！百J款類別”下拉列表框只用兩個選項：公積金和商業(yè)貸款，值分別為g和s。在“根據面積、單價計算”和“根據貸款總額計算”文本前分別插入一個單選按鈕。“還款期限”下拉列表框的選項為5年、10年、15年、20年、30年，值分別是5、10、15、20、30。其他頁面元素的設置。

第二步：“根據面積、單價計算”和“根據貸款總額計算”后分別插入兩個DIV標簽，并設置id名分別為DIV1和DIV2（沒有樣式的DIV層），然后在這兩個DIV層中分別放置不同計算方式顯示的內容。

第三步“編寫一個用于初始化id名為DIV1的層不顯示的函數INitDIV(),該函數用來初始化時隱藏id名為DIV1的層，并且他是在頁面加載時自動調用的。

上一條資訊|返回欄目頁|下一條資訊

分享到： QQ空間新浪微博騰訊微博人人網百度空間

這篇文章不錯