酒店網(wǎng)站設計說明書(編輯修改稿)
2024-08-29 22:31 本頁面
【文章內(nèi)容簡介】 紹、新聞中心、客房、餐飲、商務會議、娛樂休閑、在線預訂、聯(lián)系我們。導航條的背景為黃色到白色的漸變背景圖，導航項目超鏈接文字的顏色為白色，鼠標滑過時的文字為黃色，如圖6所示：圖6 導航分為客戶預訂、酒店新聞、酒店介紹、客房展示四個欄目，使瀏覽者了解網(wǎng)站概貌及重點內(nèi)容，滿足客戶基本需求。主頁有下拉菜單、圖片自動切換、圖片滾動三個js特效。主頁頁面主要結(jié)構(gòu)代碼如下：body!頭部 div id=header plogo/p ul class=nav導航/ul /div!頭部!正文內(nèi)容 div id=content...../div!正文內(nèi)容!尾部div id=footer ul......./ul p版權(quán)內(nèi)容/p/div!尾部/body 二級子頁面的設計網(wǎng)站的二級頁面將網(wǎng)站內(nèi)容更加條理化，更加詳細與方便的展現(xiàn)給瀏覽者。二級頁面基本采用相同的頁面結(jié)構(gòu)，相同的頁頭和頁尾，正文內(nèi)容分左右兩欄，左欄為鏈接菜單，右欄為內(nèi)容。其中一個子頁面效果圖如圖7所示。二級頁面最大特色是用CSS樣式實現(xiàn)的帶箭頭的導航菜單，如圖8所示。二級子頁面的主要結(jié)構(gòu)代碼為：body！頭部div id=header....../div！頭部！網(wǎng)頁主體div id=main div class=leftcol ...！左欄.../div div class=rightcol...！右欄.../div/div！網(wǎng)頁主體！尾部div id=footer....../div！尾部/body圖7 子頁圖8 帶箭頭的導航菜單 特效設計（引導頁）： var b = 1。 var c = true。 function fade(){ if()。 if(c == true){ b++。 } if(b==100){ b。 c = false } if(b==10){ b++。 c = true。 } if(c == false){ b。 } =0 + b。 setTimeout(fade(),40)。 }（如圖9所示）：圖9 左側(cè)豎向滑動菜單特效 var open = 0。 // 設置初始打開的層序號 var openState = new Array()。 //創(chuàng)建數(shù)組對像openState var closeState = new Array()。 //創(chuàng)建數(shù)組對像closeState var dH = 150。 //聲明變量dH,并賦值為150 function $(id){ if((id)) { return (id)。 } else { alert(沒有找到!)。 } } //判斷是否存在指定id屬性值的頁面元素 function $tag(id,tagName){ return $(id).getElementsByTagName(tagName) } //返回指定id的標簽名為tagName的頁面元素對象集合 function closeMe(Cid,Oid) { //定義函數(shù) closeMe（），使用Cid,Oid兩個形參 var h = parseInt(Ds[Cid].)。 if(h 0){ h = h (h/3)。 Ds[Cid]. = h+px。 } else { openMe(Oid)。 clearTimeout(closeState[Cid])。 return false。 } closeState[Cid] = setTimeout(closeMe(+Cid+,+Oid+))。 } function openMe(Oid){ var h = parseInt(Ds[Oid].)。 if(h dH) { h = h + ((dHh)/3)。 Ds[Oid]. = h+px。 } else { clearTimeout(openState[Oid])。 return false。 } openState[Oid] = setTimeout(openMe(+Oid+))。 } var Ds = $tag(menu,div)。 var Ts = $tag(menu,table)。 if( != ) { alert(標題和內(nèi)容數(shù)目不相同!)。 } for(var i = 0 。 i 。 i++) { if(i==open){ Ds[i]. = dH+px。 Ts[i].clas
電大資料相關推薦
鄂ICP備17016276號-1