design網(wǎng)站設計 |
design frontier設計前沿當前位置:首頁>主要服務>網(wǎng)站設計>設計前沿制作內(nèi)容動態(tài)改變的層特效第一種方法:通過改變DIV的innerHTML屬性值動態(tài)改變頁面內(nèi)容。這種情況適合動態(tài)顯示的內(nèi)容較少時,動態(tài)顯示的內(nèi)容(如“用戶名”不能為空)占據(jù)一行的時候比較適合此種方法,使用myDiv.innerHTML="HTML代碼"來動態(tài)改變頁面內(nèi)容。
第二種方法:當動態(tài)顯示的內(nèi)容較多,并相對固定時,則應該預先制作好DIV內(nèi)容,然后使用myDiv.style.display="none/block",來動態(tài)改變層的隱藏或顯示,從而實現(xiàn)動態(tài)改變頁面內(nèi)容。經(jīng)過上面的詳細分析,這里應該采用第二種方法,先設計好層中的內(nèi)容,然后使用none/block 屬性值來顯示或隱藏層,從而實現(xiàn)動態(tài)改變頁面內(nèi)容。 具體的制作過程如下: 第一步:制作靜態(tài)頁面,插入一個名為myform的表單,然后在表單域中插入8行3列表格,合并相應的單元格,接著插入圖片和文本,并設置各表單元素的名稱?!百J款類別”下拉列表框只用兩個選項:公積金和商業(yè)貸款,值分別為g和s。在“根據(jù)面積、單價計算”和“根據(jù)貸款總額計算”文本前分別插入一個單選按鈕。“還款期限”下拉列表框的選項為5年、10年、15年、20年、30年,值分別是5、10、15、20、30。其他頁面元素的設置。 第二步:“根據(jù)面積、單價計算”和“根據(jù)貸款總額計算”后分別插入兩個DIV標簽,并設置id名分別為DIV1和DIV2(沒有樣式的DIV層),然后在這兩個DIV層中分別放置不同計算方式顯示的內(nèi)容。 第三步“編寫一個用于初始化id名為DIV1的層不顯示的函數(shù)INitDIV(),該函數(shù)用來初始化時隱藏id名為DIV1的層,并且他是在頁面加載時自動調(diào)用的。
0
|
我們可以不賺錢,也一定要將網(wǎng)站設計好!這就是易勢網(wǎng)站設計師存在于沈陽網(wǎng)站設計行業(yè)的意義!
網(wǎng)絡策劃公司|新浪官方微博|大連網(wǎng)站建設
沈陽易勢科技有限公司 網(wǎng)站制作網(wǎng)絡營銷公司 © 2011 , All rights reserved. 公司地址:沈陽市鐵西區(qū)貴和街道建設中路15號淺草綠閣商務樓402室
遼B2-20150173-8號