Paano Gumawa Ng Isang Naki-click Na Pindutan

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Naki-click Na Pindutan
Paano Gumawa Ng Isang Naki-click Na Pindutan

Video: Paano Gumawa Ng Isang Naki-click Na Pindutan

Video: Paano Gumawa Ng Isang Naki-click Na Pindutan
Video: Turn on Android phone with defective power button 2024, Mayo
Anonim

Kapag lumilikha ng iyong sariling site, kakailanganin mong bumuo ng mga kontrol tulad ng: mga item sa menu, mga pindutan para sa pag-navigate sa mga pahina. Ang isang na-click na pindutan ay isang elemento na, kapag ang mouse ay lumipat dito, binabago ang hitsura nito, naging "pinindot", ibig sabihin simulate ng pagpindot.

Paano gumawa ng isang naki-click na pindutan
Paano gumawa ng isang naki-click na pindutan

Kailangan

Dreamweaver software

Panuto

Hakbang 1

Ilunsad ang Dreamweaver upang mag-flash button. Lumikha ng isang bagong web page, i-save ito. Upang lumikha ng isang na-click na pindutan sa Flash, gamitin ang pahina ng Media sa Object Panel, at mula doon, ang Flash Button. Dito maaari kang pumili ng isang estilo para sa pindutan - para sa paggamit na ito ng preview pane, na matatagpuan sa itaas ng listahan ng mga istilo. Susunod, ipasok ang teksto na ipapakita sa pindutan sa patlang ng Teksto ng Button. Tingnan ang resulta gamit ang pindutang Play.

Hakbang 2

Gumamit ng wika ng scripting ng Java upang lumikha ng mga na-click na pindutan. Lumikha ng tatlong mga imahe, isa para sa pindutan sa isang estado ng pamamahinga at isa para sa hitsura ng hover ng pindutan. Susunod, buksan ang html file ng web page na may notepad at idagdag ang sumusunod na teksto sa patlang ng Katawan. sa susunod na linya ipasok kung (parseInt (navigator.appVersion)> = 3) compat = true. >

Hakbang 3

Susunod sa linya ipasok kung (compat) {I1 = bagong Imahe; pagkatapos ay tukuyin ang mga landas sa mga file ng imahe I1.src = "ipasok ang path sa imahe ng pindutan sa normal na mode"; I1_1.src = "ipasok ang path sa imahe ng pindutan kapag pinasadya mo ito gamit ang mouse cursor"; pagkatapos ay ipasok ang pagpapaandar ng teksto ng SetImg (Pangalan, Img); {if (compat) document.images "maglagay ng mga link sa parehong mga imahe".src = eval (Img + '. src'); } pagkatapos ay ipasok ang pansarang tag.

Hakbang 4

Pumunta sa code ng pahina sa lugar kung saan mo nais na idagdag ang pindutan, ipasok ang sumusunod na code doon:

Text
Text

… I-save ang iyong mga pagbabago at buksan ang pahina sa isang browser upang makita ang resulta.

Inirerekumendang: