中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 用菜單飛梭創(chuàng)建動態(tài)酷菜單
事半功倍之Javascript 回到列表 JS頁內(nèi)查找關(guān)鍵詞的高亮顯示
 用菜單飛梭創(chuàng)建動態(tài)酷菜單

作者:趙鵬 時間: 2006-06-01 文檔類型:原創(chuàng) 來自:藍色理想

第 1 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [1]
第 2 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [2]
第 3 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [3]
第 4 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [4]
第 5 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [5]

在Item(單項設(shè)定)的常規(guī)中對“教程列表”進行其他的設(shè)置,如下圖。總結(jié)起來就是:在默認狀態(tài)下文字為灰色,無背景。在鼠標經(jīng)過的時候文字變?yōu)榘咨尘盀榧t色,同時添加1像素粗的灰色邊框。
要更改顏色,可點擊顏色框,將會出現(xiàn)GoLive的顏色調(diào)板。也可以點擊顏色框右下角那微小的三角形,會出現(xiàn)常用色彩方案(如著名的VisiBone方案)。點擊綠色箭頭處的按鈕可以更改項目的先后順序。

此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。

在Item(單項設(shè)定)的文字中更改字號等,如下圖。總結(jié)起來就是:默認是居中的12像素大小。鼠標經(jīng)過改為居左并加粗的12像素大小,同時在左端填充10像素。填充的目的是為了避免文字貼到左方邊界。在居中對齊的方式下橫向填充是無效的。
需要注意的是,如果在這里取消了鼠標經(jīng)過狀態(tài),那么之前在常規(guī)中所設(shè)定的經(jīng)過狀態(tài)也將被取消。因此需謹慎。

此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。

在Item(單項設(shè)定)的背景與圖標中為菜單項指定背景圖像或小圖標,有關(guān)背景圖像的指定我們就不再具體介紹了,需要注意的是背景圖像的尺寸將會以影響菜單項的寬度和高度,當然同時我們也還是可以像早先那樣對已有背景圖像的菜單項尺寸進行設(shè)定。點擊下左圖綠色箭頭處的按鈕可以重置圖像尺寸。小圖標主要用來點綴,菜單飛梭提供了非常豐富的素材庫,如下右圖。選擇圖標后可以更改顏色,并在預(yù)覽區(qū)域看到效果。
現(xiàn)在總結(jié)起來就是:默認狀態(tài)下沒有圖標。鼠標經(jīng)過的時候出現(xiàn)一個圖標,圖標的位置通過位移來指定。根據(jù)不同的菜單項尺寸,位移的數(shù)值也應(yīng)設(shè)為不同。

此時在預(yù)覽區(qū)域移動鼠標,將會看到類似如下動畫的效果。

Item(單項設(shè)定)的其他設(shè)定如下圖所示,是針對提示文字及瀏覽器狀態(tài)欄文字的設(shè)定,這里就不敘述了。

現(xiàn)在我們已經(jīng)完成了對第一個“教程列表”菜單項的各個設(shè)定,可以通過拷貝將設(shè)定應(yīng)用到其他的菜單項中,方法是先選擇菜單項,點擊“復(fù)制”按鈕后點擊“粘貼”,如下圖紅色箭頭處。

在出現(xiàn)的設(shè)定框中,可以指定要復(fù)制哪些選項,及拷貝作用的范圍。如下圖?偨Y(jié)起來就是:將教程列表的單項設(shè)定(圖標除外)拷貝到資源庫和友情鏈接上。取消圖標選項是因為我們不希望另外兩個菜單項有小圖標。
除了這樣的復(fù)制以外,我們在當初也可以不先把3個菜單項都建立,而就只是對“教程列表”進行設(shè)定。完成設(shè)定后創(chuàng)建同級菜單,新的項目具有相同的設(shè)定,相當于拷貝。

出處:藍色理想
責(zé)任編輯:趙鵬

上一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [1] 下一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [3]

◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
CSS實現(xiàn)的中英文雙語導(dǎo)航菜單
30余個CSS導(dǎo)航菜單效果
JS三級聯(lián)動選單
滑動門菜單技術(shù)
用javascript封裝的導(dǎo)航菜單
作者文章 更多作者文章
Acrobat 3D界面搶鮮看
用GoLive實現(xiàn)CSS+DIV之二
用GoLive實現(xiàn)CSS+DIV之一
GoLive與DreamWeaver未來之路
國內(nèi)首家中文GoLive CS2視頻教程
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/51個記錄/頁 轉(zhuǎn)到 頁 共5個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2