Yuav Hloov Pauv Tus Cursor Ntawm Lub Xaib

Cov txheej txheem:

Yuav Hloov Pauv Tus Cursor Ntawm Lub Xaib
Yuav Hloov Pauv Tus Cursor Ntawm Lub Xaib

Video: Yuav Hloov Pauv Tus Cursor Ntawm Lub Xaib

Video: Yuav Hloov Pauv Tus Cursor Ntawm Lub Xaib
Video: yuav tau hloov pauv kuv tus kheej by paj yeeb vaj paj vuam thoj nkauj hub lauj 2021.2022 2024, Hlis ntuj nqeg
Anonim

Cov chaw uas muaj qhov ntxim saib ntxim nyiam yog nrov heev nrog cov neeg tuaj ncig xyuas tsev. Txhawm rau txhawm rau txhim kho qhov tshwm sim ntawm cov khoom siv, lawv cov tswv feem ntau tiav lossis ib nrab hloov qhov qauv. Hmoov tsis zoo, ntxiv cov xim tshiab rau cov nplooj dai kom zoo nkauj siv sijhawm ntau. Txoj kev nrawm nrawm mus txeeb cov xim ntawm cov neeg tuaj saib xyuas yog los hloov tus cursor li ib txwm nrog lub ntsej muag me me. Txhawm rau txhim kho xws li lub hauv qhov chaw, koj yuav tsum tau ua qee yam yooj yim.

Yuav hloov pauv tus cursor ntawm lub xaib
Yuav hloov pauv tus cursor ntawm lub xaib

Nws yog qhov tsim nyog

  • - tus kheej lub xaib
  • - muaj kev paub tsawg kawg ntawm HTML
  • - paub qhov twg CSS code yog nyob rau lub site

Cov Lus Qhia

Kauj ruam 1

Ua ntej tshaj, rub daim duab uas yuav hloov tau tus taw ntawm lub xaib. Cov duab ntawm cov qauv duab sib txawv (.bmp,.gif,.jpg,.png, thiab lwm yam) tsis haum rau lub hom phiaj no.

Kauj ruam 2

Txhawm rau hloov lub pointer, koj xav tau daim duab ntawm hom.cur lossis.ani Txhawm rau tau txais cov duab zoo li no, Tshawb nrhiav hauv Is Taws Nem rau cov duab tshwj xeeb tsim rau tus foom tsis zoo. Lub.cur txuas ntxiv tshwj xeeb rau cov duab zoo li qub, thiab.ani txuas ntxiv tshwj xeeb rau cov duab ua kom zoo. Khaw cov ntaub ntawv uas koj nyiam rau koj lub khoos phis tawm.

Kauj ruam 3

Tab sis txhawm rau hloov tus pointer, nws tsis yog txhua qhov tsim nyog los coj cov duab ua tiav. Yog tias koj xav ua daim duab ntawm koj tus kheej, tom qab ntawd siv ib qho ntawm cov kev pabcuam tshwjxeeb rau kev tsim tus foom tus lossis hloov cov ntawv ntawm cov duab.

Kauj ruam 4

Sau rau hauv cov duab rau tus cursor ntawm lub xaib. Tom qab ntawd, nyob hauv cov peev txheej, nrhiav tus lossis thiab hloov cov hauv qab no rau nws:

Hloov ntawv sau "cov duab / 1.ani", taw qhia txoj hauv kev rau cov duab uas upload rau koj lub xaib.

Kauj ruam 5

Yog tias koj xav kom tus cursor nyob rau hauv daim ntawv ntawm ib tus duab thaum hovering dhau qhov txuas, thiab thaum nws nyob hauv qhov tsis muaj qhov sib txuas ntawv txuas - kom zoo li lwm tus duab, ces nws yog qhov zoo dua los siv CSS hloov pauv lub pointer. Txhawm rau ua kom muaj kev hloov pauv, thawj zaug upload lwm cov ntaub ntawv nrog.cur lossis.ani txuas ntxiv rau lub xaib.

Kauj Ruam 6

Tom qab ntawd, nyob hauv CSS ntawm koj lub xaib, ua qhov kev nkag "lub cev {tus chij: url ('1.ani');}", hloov "1.ani", hais kom meej txoj hauv kev rau daim duab tseem ceeb rau tus cursor uploaded mus rau thaj chaw. Cov cai no ntxiv cov cuab yeej los hloov tus cursor rau daim duab uas tau teev tseg rau daim pib hauv cov ntsiab lus ntawm txhua nplooj ntawv ntawm cov peev txheej sau.

Kauj Ruam 7

Tom qab ntawd sau rau hauv CSS kab "a {cursor: url ('2.ani');}", hloov "2.ani" nrog txoj kev mus rau tus cursor duab tso rau hauv cov peev txheej, uas yuav tsum tshwm sim thaum tus pointer hover dhau txuas. Cov ntawv nkag tau tso cai rau koj los hloov tus cursor nrog cov duab sib thooj thaum tus po taw tes sib txuas rau txhua qhov txuas rau ntawm qhov chaw, vim nws ua rau hloov pauv mus rau qhov khoom ntawm daim pib.

Pom zoo: