ßê çðîáèòè íàòèñêàòè êíîïêó

³äåî - "ßÊ ÇÐÎÁÈÒÈ ÊÍÎÏÊÓ þòóá³ ñâî¿ìè ðóêàìè"

Ïðè ñòâîðåíí³ âëàñíîãî ñàéòó âàì çíàäîáèòüñÿ ðîçðîáèòè åëåìåíòè óïðàâë³ííÿ, òàê³ ÿê: åëåìåíòè ìåíþ, êíîïêè äëÿ ïåðåõîäó ïî ñòîð³íêàõ. Íàòèñêຠêíîïêó ÿâëÿº ñîáîþ åëåìåíò, ÿêèé ïðè íàâåäåíí³ ìèø³ çì³íþº çîâí³øí³é âèãëÿä, ñòຠ«ïðèäàâëåíèé», òîáòî ³ì³òóº íàòèñêàííÿ.
Âàì çíàäîáèòüñÿ
  • - ïðîãðàìà Dreamweaver.
²íñòðóêö³ÿ



1
Çàïóñò³òü ïðîãðàìó Dreamweaver, ùîá çðîáèòè êíîïêó ó ôëåø. Ñòâîð³òü íîâó âåá-ñòîð³íêó, çáåðåæ³òü ¿¿. Äëÿ ñòâîðåííÿ íàòèñêàòè êíîïêè ï³ä ôëåø âèêîðèñòîâóéòå ñòîð³íêó Media íà ïàíåë³ îá`ºêò³â, à ç íå¿ - êíîïêó Flash Button. Òóò ìîæíà âèáðàòè ñòèëü äëÿ êíîïêè - äëÿ öüîãî âèêîðèñòîâóéòå ïàíåëü ïîïåðåäíüîãî ïåðåãëÿäó, ÿêà çíàõîäèòüñÿ âèùå ñïèñêó ñòèë³â. Äàë³ ââåä³òü òåêñò, ÿêèé áóäå â³äîáðàæàòèñÿ íà êíîïö³ â ïîë³ Button Text. Ïåðåãëÿíüòå îòðèìàíèé ðåçóëüòàò çà äîïîìîãîþ êíîïêè Play.
2
Âèêîðèñòîâóéòå ìîâó ÿâà-ñêðèïò äëÿ ñòâîðåííÿ íàòèñêàòè êíîïîê. Ñòâîð³òü òðè çîáðàæåííÿ, îäíå - êíîïêà â ñïîê³éíîìó ñòàí³, ³íøå - âèä êíîïêè ïðè íàâåäåíí³. Äàë³ â³äêðèéòå ç äîïîìîãîþ áëîêíîòà ôàéë âåá-ñòîð³íêè â ôîðìàò³ html ³ äîäàéòå íàñòóïíèé òåêñò â ïîëå Body. < SCRIPT LANGUAGE = "javascript"> íà íàñòóïíîìó ðÿäêó ââåä³òü if (parseInt (navigator.appVersion)> = 3) compat = true. >
3
Äàë³ íà ðÿäêó ââåä³òü if (compat) {I1 = new Image- ïîò³ì âêàæ³òü øëÿõó äî ôàéë³â çîáðàæåíü I1.src = «ââåä³òü øëÿõ äî çîáðàæåííÿ êíîïêè â çâè÷àéíîìó ðåæèì³» - I1_1.src = «ââåä³òü øëÿõ äî çîáðàæåííÿ êíîïêè ïðè íàâåäåíí³ íà íå¿ êóðñîðà ìèø³ »- äàë³ ââåä³òü òåêñò function SetImg (Name, Img) - {if (compat) document.images« ââåä³òü ïîñèëàííÿ íà îáèäâà çîáðàæåííÿ ».src = eval (Img + `. src`) -} äàë³ ââåä³òü çàêðèâàºòüñÿ òåã < / SCRIPT>.
4
Ïåðåéä³òü â êîä³ ñòîð³íêè â òå ì³ñöå, â ÿêå íåîáõ³äíî äîäàòè êíîïêó, ââåä³òü òóäè íàñòóïíèé êîä: < A HREF = «ââåä³òü àäðåñó ïîñèëàííÿ, êóäè áóäå â³äáóâàòèñÿ ïåðåíàïðàâëåííÿ ï³ñëÿ íàòèñêàííÿ êíîïêè» target = "_ self" onmouseover = "SetImg ( `PIC1`, `I1_1`)" onmouseout = "SetImg ( `PIC1`, `I1`)"> < IMG SRC = «Øëÿõ äî ôàéëó ç³ çâè÷àéíîþ êíîïêîþ» i1.jpg alt = "Òåêñò íà êíîïö³» NAME = "PIC1" BORDER = "Ðîçì³ð êîðäîíó êíîïêè»> < / A>. Çáåðåæ³òü çì³íè ³ â³äêðèéòå ñòîð³íêó â áðàóçåð³, ùîá ïåðåãëÿíóòè îòðèìàíèé ðåçóëüòàò.

Ïîä³ëèñÿ â ñîö ìåðåæàõ:

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê çðîáèòè íàòèñêàòè êíîïêó