• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 傾斜的鼠標(biāo)翻轉(zhuǎn)導(dǎo)航制作上的煩惱	共有1306人瀏覽過(guò)本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級(jí)：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2019/9/27 17:09:00 樓　主 傾斜的鼠標(biāo)翻轉(zhuǎn)導(dǎo)航制作上的煩惱 　　前天網(wǎng)上有個(gè)朋友發(fā)給我一個(gè)頁(yè)面讓我?guī)退匆幌聻槭裁词髽?biāo)翻轉(zhuǎn)實(shí)現(xiàn)不了。我打開(kāi)源文件看了一下，發(fā)現(xiàn)她根本沒(méi)有掌握一個(gè)鼠標(biāo)翻轉(zhuǎn)的特性。并且對(duì)于傾斜導(dǎo)航的思考也不足。雖然我當(dāng)時(shí)看出來(lái)了這些問(wèn)題，但是由于手上一個(gè)項(xiàng)目正在收尾一時(shí)也沒(méi)有時(shí)間向她一個(gè)講解。正好昨天工作忙完了，現(xiàn)在又拿起那個(gè)文件看了一下，發(fā)現(xiàn)能過(guò)這個(gè)事件可以講解好多個(gè)知識(shí)點(diǎn)，有一些地方比較容易讓人不太注意，但是確實(shí)是非常關(guān)鍵的。下面我們通過(guò)制作一個(gè)傾斜的鼠標(biāo)翻轉(zhuǎn)導(dǎo)航為過(guò)程來(lái)針對(duì)不同的地方做出一些提示，希望可以幫助一些對(duì)于鼠標(biāo)翻轉(zhuǎn)導(dǎo)航制作上還存在疑問(wèn)的朋友。 　　我們先看一下想要實(shí)現(xiàn)的效果，當(dāng)然在沒(méi)做之前這些只能是存在于我們的腦子或是草圖上。我們首先要想到它是個(gè)什么樣子，然后才能去分析我們想要實(shí)理的效果是應(yīng)該如何去做，閑言少敘，先看圖： 　　我們看到上圖，可以會(huì)覺(jué)得好像并沒(méi)什么，好像很容易做。好我們來(lái)細(xì)細(xì)的分析一下這個(gè)效果。我們用標(biāo)準(zhǔn)來(lái)實(shí)現(xiàn)就不能直接插入一張圖片在HTML里。用標(biāo)準(zhǔn)來(lái)做就需要把圖片作為背景的方式用CSS進(jìn)行調(diào)用。那么我們來(lái)看一下這樣的導(dǎo)航是否可以直接就那么直接調(diào)用，其中是不是還有什么問(wèn)題出現(xiàn)？下面請(qǐng)看一下這個(gè)導(dǎo)航效果的放大圖： 　　大家注意上圖中的“危險(xiǎn)區(qū)”很明顯，如果我們把兩個(gè)傾斜的正塊放在一起就必然會(huì)有一段重復(fù)區(qū)，我們現(xiàn)在的CSS還不支持異形處理。要解決這個(gè)問(wèn)題就必需要使得這兩個(gè)方塊進(jìn)行重疊。重疊就需要把他們放在不同的層次上。這就要用到CSS中的定位：“position:static|absolute|fixed|relative”。關(guān)于position的詳細(xì)請(qǐng)查看蘇昱的《CSS2中文手冊(cè)》，關(guān)于如何定位請(qǐng)查看我的《解讀absolute與relative》 　　做鼠標(biāo)翻轉(zhuǎn)我們通常會(huì)把所有的背景做成一個(gè)圖，然后通過(guò)CSS來(lái)設(shè)置不同標(biāo)簽下的圖片的不同位置。也許有人就會(huì)認(rèn)為這個(gè)導(dǎo)航的背景圖應(yīng)該是這樣的： 奈薇建站網(wǎng)致力于，讓每個(gè)中國(guó)人、每個(gè)中國(guó)企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁(yè)

上一頁(yè) / 下一頁(yè)   當(dāng)前第頁(yè)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門(mén)戶