Dreamweaver的行為事件(2)_Dreamweaver教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
五.變換圖象
這個(gè)特效可以使圖象隨鼠標(biāo)變化。當(dāng)你的鼠標(biāo)移動(dòng)到一個(gè)圖片上時(shí)該圖就會(huì)變?yōu)榱硗庖环鶊D片。這樣可以生動(dòng)的體現(xiàn)出圖片鏈接的內(nèi)容。
首先我們預(yù)備好兩張大小完全相同的圖片,將其中一張(圖象1)插入到網(wǎng)頁(yè)之中,并對(duì)其命名。這張圖是預(yù)備在網(wǎng)頁(yè)中直接顯示的,選中它按下快捷鍵F8,點(diǎn)擊行為面板上的" ",選擇彈出菜單中的"Swap Image"(替換圖象)。此時(shí)會(huì)彈出如圖4的對(duì)話框。在"Image"文本框中會(huì)顯示出當(dāng)前頁(yè)面中的所有圖象。選中剛才命名的圖象點(diǎn)擊"Set Source to"文本框右方的"Browse",加入另一張事先預(yù)備好的圖象(圖象2)。假如你希望在瀏覽時(shí)當(dāng)鼠標(biāo)離開(kāi)圖象2時(shí)圖象仍可恢復(fù)成原來(lái)狀態(tài),則在下方的"Restore Image onMouseOut"前打勾。"OK"大功告成,按下F12,在瀏覽器中預(yù)覽。效果如何,滿足嗎?
六.創(chuàng)建自動(dòng)加入收藏夾功能。(插件)
`最近我在網(wǎng)上找到了一個(gè)插件(Add Favourite),通過(guò)這個(gè)插件可以使你的網(wǎng)頁(yè)在每次顯示時(shí)都自動(dòng)提醒瀏覽者將你的主頁(yè)放入收藏夾。雖然這樣做會(huì)很煩人,不過(guò)對(duì)于提高你的瀏覽量還是有一定的幫助的。該插件下載地址為:
http://dream.zj.cninfo.net/dream/plugin/behaviors/IEAddFavourite.zip
下載后解壓至…\Dreamweaver\configuration\Behaviors\actions\下,啟動(dòng)Dreamweaver。相應(yīng)的在行為菜單中就會(huì)出現(xiàn)"IE Add Favourito"(添加收藏)。選擇該項(xiàng)就會(huì)彈出相應(yīng)的對(duì)話框。只要在TITLE IN文本框中輸入收藏你的網(wǎng)站時(shí)計(jì)算機(jī)默認(rèn)的名字就可以了。單擊"OK",按F12預(yù)覽一下,怎么樣?
七.逐漸縮小的層(插件)
最近還找到了另外的一個(gè)插件,其效果是使一個(gè)層從四面向中間逐漸的縮小,最后消失。(Division in)該插件下載鏈接為:
http://nic.shtle.net.cn/hato/Dreamteam/download/Dreamweaver_plugnis/Behaviour/Behaviour/division.zip
下面我就向大家介紹一下這個(gè)插件的使用方法。首先按照(六)的步驟將其安裝到相應(yīng)的目錄內(nèi),啟動(dòng)Dreamweaver。建立一個(gè)分層并對(duì)其命名,為了可以看出演示效果最好對(duì)這個(gè)分層定義背景顏色或背景。按下快捷鍵F8,單擊行為面板上的" ",這時(shí)在行為菜單中會(huì)多出"Transition:Division in"(縮小分層)選項(xiàng)。在所彈出對(duì)話框的第一行文本框中輸入剛才定義的分層的名字,在第二行文本框中輸入你希望分層從縮小開(kāi)始到完全消失所需要的時(shí)間,單位是秒。設(shè)置完畢后單擊"OK",按下F12在瀏覽器中預(yù)覽!
八.使網(wǎng)頁(yè)背景隨時(shí)間變化(插件)
這個(gè)插件可以使你的網(wǎng)頁(yè)的背景隨時(shí)間逐漸的變化。下載地址為:
http://nic.shtel.net.cn/hato/Dreamweaver/download/Dreamweaver_Plugnis/Behaviour/Behaviour/fade.zip
首先按照(六)的步驟將其安裝至相應(yīng)的目錄內(nèi),然后啟動(dòng)Dreamweaver。按下快捷鍵F8鍵,單擊行為面板上的" ",你會(huì)發(fā)現(xiàn)在行為菜單中會(huì)多出"Cross Browser Background Fade"(瀏覽器背景轉(zhuǎn)換)選擇該項(xiàng),在彈出對(duì)話框的第一行文本框中輸入網(wǎng)頁(yè)啟始背景顏色的相應(yīng)代碼,在第二行文本框中輸入變化后顏色的代碼。最后一行中輸入整個(gè)變化過(guò)程所需要的時(shí)間,單位是秒。假如不進(jìn)行設(shè)置系統(tǒng)默認(rèn)的是由黑色變?yōu)榘咨�,單位是一秒。好了可以在瀏覽器預(yù)覽了!按下F12,看看效果吧!
九.網(wǎng)頁(yè)右方滾動(dòng)出現(xiàn)層
這個(gè)插件可以控制一個(gè)層,使其自動(dòng)的從網(wǎng)頁(yè)右方出現(xiàn)并向左移動(dòng)。 下載地址為:
http://dream.zj.cninfo.net/dream/plugin/behaviors/wm_chg_link_bh.zip
首先仍然按照(六)的步驟將其正確安裝至相應(yīng)目錄內(nèi),隨后啟動(dòng)Dreamweaver。在網(wǎng)頁(yè)中建立一個(gè)分層,并對(duì)其命名。為了可以更好的看到演示效果建議對(duì)該層定義背景顏色或加入相應(yīng)背景。隨后按下快捷鍵F8,單擊行為面板上的" ",在彈出的菜單中就會(huì)多出"Cross Browser Emerge form Right"(從右方穿過(guò)瀏覽器)。選擇該項(xiàng),將彈出如圖5的對(duì)話框。在上方的Layer文本框中選中剛才命名并加入背景的那個(gè)層。在下方的定義時(shí)間文本框中輸入完成整個(gè)移動(dòng)過(guò)程所需要的時(shí)間,單位是秒。在最后一行中輸入該層將向左方移動(dòng)的距離大小,單位是像素。設(shè)置完畢后單擊"OK"。在瀏覽器中看看效果如何吧!
相關(guān)Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Javascript 表單之間的數(shù)據(jù)傳遞
- DW做ASP程序時(shí)關(guān)于數(shù)據(jù)庫(kù)的幾個(gè)常見(jiàn)問(wèn)題
- 用Dreamweaver實(shí)現(xiàn)飄浮光球特效
- Dreamweaver CS3代碼片斷功能面板的利用
- DreamweaverMX實(shí)現(xiàn)網(wǎng)站批量更新
- Dreamweaver層使用八定律
- 輕松處理Dreamweaver段落縮進(jìn)
- Dreamweaver MX進(jìn)階教程(十九)防止英文字符撐破表格
- 用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”
- DW MX實(shí)例:極酷的鼠標(biāo)外觀
猜你也喜歡看這些
- Dreamweaver 8+ASP構(gòu)造動(dòng)態(tài)網(wǎng)站實(shí)例與操作
- 挑戰(zhàn)DREAMWEAVER MX互動(dòng)網(wǎng)站百寶箱FOR ASP
- Dreamweaver CS4 中文版完全自學(xué)教程
- Dreamveaver中CSS視頻教程
- Dreamweaver8制作網(wǎng)頁(yè)教程下載
- 4u2v Drwamweaver網(wǎng)頁(yè)制作實(shí)例教程100例
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì):商業(yè)網(wǎng)站篇
- Dreamweaver 8 完美網(wǎng)頁(yè)設(shè)計(jì)—CSS網(wǎng)頁(yè)設(shè)計(jì)篇
- 巧學(xué)巧用Dreamweaver制作網(wǎng)頁(yè)習(xí)題精解
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver的行為事件(2)
。