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