SharePoint Designer2007怎么改變熱點(diǎn)圖熱區(qū)顏色?

網(wǎng)頁中當(dāng)鼠標(biāo)放置到熱點(diǎn)區(qū),圖片顏色自動變換,可以用兩張圖片切換的方式,實(shí)現(xiàn)這一效果,今天我們就來看看Microsoft Office SharePoint Designer 2007實(shí)現(xiàn)這個(gè)功能的方法。
1、電腦桌面上雙擊圖標(biāo),打開軟件。
2、選擇文件---->打開網(wǎng)站,打開一個(gè)已有的網(wǎng)站。
3、將需插入熱點(diǎn)的區(qū)域制作為一張圖片,如下圖所示。
4、選擇工具欄中的熱點(diǎn)工具,繪制熱點(diǎn)區(qū)域。
5、代碼窗口中,輸入熱點(diǎn)區(qū)域代碼。
6、代碼中,需設(shè)置圖片的id。
7、onMouseOver和onMouseOut,分別實(shí)現(xiàn)鼠標(biāo)的移入和移出。
8、最后,定義兩個(gè)函數(shù),實(shí)現(xiàn)圖片的切換。
9、其中文件p1為切換前的圖片,p2為切換后的圖片。
10、測試網(wǎng)頁,當(dāng)鼠標(biāo)滑到熱點(diǎn)區(qū)域時(shí),該區(qū)域顏色自動改變。
以上就是SharePoint Designer2007改變熱點(diǎn)圖熱區(qū)顏色的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Designer2007怎么定位到背景圖片的像素點(diǎn)?
相關(guān)文章
Altium Designer 19(AD19)中文破解版詳細(xì)安裝教程(附破解下載)
Altium Designer 19破解版是一款新一代的PCB設(shè)計(jì)軟件,它結(jié)合了原理圖、ECAD庫、規(guī)則和限制條件、BoM、供應(yīng)鏈管理、ECO流程和世界一流的PCB設(shè)計(jì)工具,下面整理了Altium Des2018-09-27- Designer怎么布局css網(wǎng)頁?Designer中可以制作css網(wǎng)頁效果,該怎么制作呢?下面我們就來看看簡單的實(shí)例教程,需要的朋友可以參考下2018-08-30
Substance Designer 2018注冊破解詳細(xì)安裝教程(附破解補(bǔ)丁下載)
Substance Designer 2018破解版是一款非常出色的基于節(jié)點(diǎn)的紋理合成工具,是目前最理想的三維材質(zhì)、紋理設(shè)計(jì)軟件,本文整理了Substance Designer 2018破解版的安裝注冊教程2018-07-20Marvelous Designer 7.5 Enterprise中文破解版安裝激活圖文詳細(xì)教程(附
Marvelous Designer 7.5 Enterprise是目前cg領(lǐng)域中最優(yōu)秀的3D服裝設(shè)計(jì)軟件,本文主要針對Marvelous Designer 7.5怎么安裝?以及Marvelous Designer 7.5如何破解激活的問題2018-05-24altium designer 6.9破解版安裝詳細(xì)圖文教程(附破解下載)
altium designer 6.9是altium designer軟件最經(jīng)典的版本,簡稱ad6.9,下文小編就為大家?guī)砹薬ltium designer 6.9破解版安裝詳細(xì)圖文教程,一起看看吧2018-02-27打開Altium Designer提示Please wait a moment的解決方法
最近,很多用戶反應(yīng)運(yùn)行Altium Designer的時(shí)候被提示“Please wait a moment”,出現(xiàn)這個(gè)錯(cuò)誤之后軟件很快會出現(xiàn)閃退的情況,那么,該如何解決呢?今天小編就給大家分享一2018-01-25Xara Designer Pro X15 完美激活破解安裝教程(附破解版下載)
Xara Designer Pro X15破解版是一款速度最快的繪圖軟件,集照片編輯,桌面出版,圖形和網(wǎng)頁設(shè)計(jì)于一體,新版對圖像進(jìn)行各種調(diào)整和優(yōu)化,下面就帶來了Xara Designer Pro X152017-12-16PowerDesigner16.6怎么破解?SAP PowerDesigner16.6安裝破解詳細(xì)圖文教
PowerDesigner是一款來自國外的數(shù)據(jù)庫建模工具,最近,很多網(wǎng)友問小編PowerDesigner16.6怎么破解?今天腳本之家小編就給大家?guī)鞸AP PowerDesigner16.6安裝破解詳細(xì)圖文教程2017-11-27PowerDesigner 16.5漢化破解版安裝圖文詳細(xì)教程(附下載)
PowerDesigner 16.5是一款非常不錯(cuò)的數(shù)據(jù)庫建模工具,與Rose不相上下,那么,PowerDesigner 16.5怎么安裝以及漢化破解呢?對此,本文就為大家?guī)砹藞D文詳細(xì)的PowerDesigne2017-11-21Altium Designer 18(AD18)中文安裝+破解詳細(xì)教程(附破解下載)
Altium Designer 18(AD18)破解版是一款新一代的PCB設(shè)計(jì)軟件,它結(jié)合了原理圖、ECAD庫、規(guī)則和限制條件、BoM、供應(yīng)鏈管理、ECO流程和世界一流的PCB設(shè)計(jì)工具,下面就整理了Al2017-11-11