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

網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽易勢(shì)科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營銷公司 © 2011 , All rights reserved. 公司地址:沈陽市鐵西區(qū)貴和街道建設(shè)中路15號(hào)淺草綠閣商務(wù)樓402室
遼B2-20150173-8