Yuav ua li cas los tsim kom muaj Rollover Image hauv Dreamweaver

Tus duab ntxoo yog ib qho duab uas hloov mus rau lwm tus duab thaum koj los yog koj tus qhua tuaj yeem nas dua nws. Cov no feem ntau yog siv los tsim kev sib tham sib xws li cov nyees khawm lossis tabs. Tab sis koj muaj peev xwm tsim cov dluab rollover tawm ntawm xwb li txhua yam.

Qhov kev nyeem no yog tsim los pab koj tsim ib qho duab ntxig rau Dreamweaver . Nws yog npaj rau cov neeg siv cov nram qab no versions of Dreamweaver:

• Dreamweaver MX
• Dreamweaver MX 2004
• Dreamweaver 8
• Dreamweaver CS3
• Dreamweaver CS4
• Dreamweaver CS5
• Dreamweaver CS6

Tej yam yuav tsum muaj rau qhov kev nyeem no

• Dreamweaver
  Ib ntawm cov tshiab sau tseg saum toj no.
• Thawj daim duab
  Nco ntsoov optimize cov duab no. Qhov no yuav pab tau koj cov nplooj ntawv kom sai dua.
• Tus duab ntxoo
  Cov duab no yuav tsum muaj qhov loj tib yam li daim duab qub. Thiab, zoo li cov duab qub, yuav tsum tau optimized los pab nplooj thau caij nyoog.
• Ib nplooj ntawv web
  Qhov no yog qhov HTML nplooj ntawv qhov twg koj mam li muab koj daim duab khawm rov qab.

01 ntawm 06

Pib Tau

1. Pib Dreamweaver
2. Qhib cov nplooj ntawv web uas koj xav kom koj khoov

02 ntawm 06

Ntxig ib Rollover duab Duab Taw

Dreamweaver ua kom yooj yim los ua ib tus duab ntxoo.

1. Mus rau ntawm daim ntawv qhia zaub mov thiab mus rau "Image Objects" sub-menu.
2. Xaiv "Duab cov duab" lossis "Rollover image"

Qee qhov qub versions ntawm Dreamweaver hu rau Image Objects "Cov duab sib tham sib" xwb.

03 ntawm 06

Qhia Dreamweaver Dab Tsi Pom Zoo

Dreamweaver pops lub thawv ntawv nrog lub teb koj yuav tsum tau sau kom tsim koj lub duab ntxoo.

Lub Npe Lub Npe

Xaiv tus duab lub npe uas nws cim rau cov nplooj ntawv. Nws yuav tsum yog txhua lo lus, tab sis koj siv tau cov zauv, underscores (_) thiab hyphens (-). Qhov no yuav raug siv los txheeb xyuas cov duab kom hloov.

Thawj Duab

Qhov no yog qhov URL lossis qhov chaw ntawm daim duab uas yuav pib tawm ntawm nplooj ntawv. Koj tuaj yeem siv cov kev txheeb ze los sis txoj kev tsis muaj tseeb URLs hauv daim teb no. Qhov no yuav tsum yog ib qho duab uas tau tshwm sim nyob rau hauv koj lub web server lossis koj mam li luam nrog cov nplooj ntawv.

Rollover duab

Qhov no yog daim duab uas yuav tshwm sim thaum koj nas dhau daim duab. Ib yam li cov duab qub, qhov no ua tau ib txoj hauv kev los sis ib tus txheeb ze rau daim duab, thiab nws yuav tsum muaj los yog muab uploaded thaum koj sau cov nplooj ntawv.

Preload Rollover Image

Qhov kev xaiv no yog xaiv los ntawm lub neej vim hais tias nws yuav pab tau qhov khawm rov tshwm sim sai dua. Los ntawm kev xaiv mus ua ntej preload lub rollover duab, lub Web browser yuav cia nws nyob rau hauv ib qho cache kom txog thaum tus nas qaws dua nws.

Lwm cov ntawv

Zoo lwm phau ntawv ua rau koj cov dluab siv tau yooj yim dua. Koj yuav tsum nco ntsoov siv qee hom ntawv nyeem thaum muab cov duab ntxiv.

Thaum Twg, Mus Mus URL

Cov neeg feem coob yuav nyem rau ntawm daim duab thaum lawv pom ib qho ntawm nplooj ntawv. Yog li koj yuav tsum tau nyob rau hauv tus cwj pwm ntawm kev ua lawv clickable. Qhov kev xaiv no tso cai rau koj los qhia txog nplooj ntawv lossis URL los tuav lub tuav kom thaum lawv nias rau ntawm daim duab. Tab sis qhov kev xaiv no tsis yog yuav tsum tsim kom tau ib qhov rov qab.

Thaum koj tau ua tiav txhua lub teb, nyem qhov xav kom muaj Dreamweaver tsim koj tus duab ntxoo.

Cov nplooj ntawv tom ntej no qhia tias tsab ntawv Dreamweaver sau.

04 ntawm 06

Dreamweaver Sau cov JavaScript rau Koj

Yog hais tias koj qhib cov nplooj ntawv hauv code-saib koj mam pom tias Dreamweaver ntsa ib ntu ntawm JavaScript hauv lub ntawm koj cov ntawv HTML. No txwv nrog 3 functions koj xav tau cov duab swap thaum tus nas ntim lawv thiab ua haujlwm ua ntej yog tias koj tau xaiv rau qhov ntawd.

ua haujlwm MM_swapImgRestore ()
ua haujlwm MM_findObj (n, d)
ua haujlwm MM_swapImage ()
ua haujlwm MM_preloadImages ()

05 ntawm 06

Dreamweaver Ntxiv cov HTML rau kev yos hav zoov

Yog tias koj xaiv Dreamweaver preload cov duab ntxoo, ces koj yuav pom cov HTML code hauv lub cev ntawm koj daim ntawv los hu rau cov ntawv sau ua ntej kom koj cov dluab xa ntau dua.

onload = "MM_preloadImages ('shasta2.jpg')"

Dreamweaver kuj ntxiv tag nrho cov cai rau koj cov duab thiab cov ntawv nws (yog tias koj muaj qhov URL). Txoj kev rov qab khoob khawm yog ntxiv rau lub thauj tog rau nkoj raws li onmouseover thiab onmouseout attributes.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', shasta1.jpg ', 1)"

06 ntawm 06

Kuaj Tawm Rollover

Saib ntawm cov duab ua haujlwm kom pom meej thiab kawm txog dab tsi nyob rau hauv Shasta lub hlwb.