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