Áàãàòî ñó÷àñíèõ ñàéòè ìàþòü îðèã³íàëüí³ åëåìåíòè óïðàâë³ííÿ. Îäèí ç òàêèõ åëåìåíò³â - ñïëèâàþ÷å â³êíà, â ÿêèõ ìîæíà ðîçì³ñòèòè ð³çíó êîðèñíó ³íôîðìàö³þ, ðåêëàìó, åëåìåíòè óïðàâë³ííÿ, îïèòóâàííÿ òà ³íøå. Ñòâîðèòè òàêå ñïëèâàþ÷å â³êíî äîñèòü ïðîñòî - ñêîðèñòàéòåñÿ á³áë³îòåêîþ jQuery.
²íñòðóêö³ÿ
Âñòàâòå â êîä âàøî¿ ñòîð³íêè òåãè, ùî äîäàþòü á³áë³îòåêó jQuery. Âèãëÿäàþòü äàí³ òåãè ö³ëêîì ñòàíäàðòíî:
script type = "text / javascript" src = "jQuery.js" / script
script type = "text / javascript" src = "interface.js" / script
script type = "text / javascript" src = "jQuery.js" / script
script type = "text / javascript" src = "interface.js" / script
Äîäàéòå â ôàéë ñòèë³â css êîä äëÿ ñòâîðåííÿ ñòèëþ ñïëèâàþ÷îãî â³êíà. Âêàæ³òü òàê³ ïàðàìåòðè, ÿê position, height, overflow, background-image, background-position, background-repeat, overflow, cursor òà ³íø³, ÿê³ âàì ìîæóòü çíàäîáèòèñÿ äëÿ îôîðìëåííÿ. Ö³ ïàðàìåòðè òàêîæ ìîæíà çàäàòè â òåç³ head, ÿêùî ó âàñ íåìຠâ ñòàíäàðòí³é ðîáîò³ ïðèíöèïó âèä³ëÿòè äëÿ ñòèë³â ñïåö³àëüíèé ôàéë. Âè ìîæåòå ïèñàòè êîä òà ³íøèìè ñïîñîáàìè, âèêîðèñòîâóþ÷è ïðè öüîìó ð³çí³ òåãè. ßê ïðàâèëî, º âåëèêà ê³ëüê³ñòü ñïîñîá³â íàïèñàííÿ ïëàâàþ÷èõ â³êîí.
Âñòàâòå êîä ïîñèëàííÿ íà ñïëèâàþ÷å â³êíî â ò³ëî ñòîð³íêè, ³ îïèø³òü ñàì ñêðèïò â³äêðèòòÿ ñïëèâàþ÷îãî â³êíà. Îïèø³òü ôóíêö³þ äëÿ âèêëèêó â³êíà çà äîïîìîãîþ ñòàíäàðòíèõ êîìàíä show (), TransferTo (), bind () òà ³íøèõ. Íàìàãàéòåñÿ ïîðÿä ç êîæíîþ ôóíêö³ºþ ïèñàòè äëÿ ñåáå íå âåëèêå îïèñ, ùîá íå ïëóòàòèñÿ â êîä³, òàê ÿê ìîæíà ïîâí³ñòþ ïîðóøèòè ðîáîòó âñ³º¿ ñèñòåìè.
Ïåðåâ³ðòå êîä íà ïîìèëêè ³ â³äêðèéòå ñòîð³íêó â áðàóçåð³, ùîá ïîáà÷èòè ðåçóëüòàò âàøî¿ ðîáîòè. Äëÿ ïîÿâè ñïëèâàþ÷îãî â³êíà ïîòð³áíî íàòèñíóòè íà ñòâîðåíó ïîñèëàííÿ. Íàäàë³ ìîæíà ïåðåäáà÷èòè àâòîìàòè÷íå ïîÿâà ñïëèâàþ÷îãî â³êíà. Ñïëèâàþ÷å â³êíî òàêîæ ìຠâîëîä³òè ð³çíèìè õàðàêòåðèñòèêàìè, òàêèìè ÿê ìîæëèâ³ñòü ïåðåòÿãóâàòè ìèøåþ, çãîðòàòè, ðîçòÿãóâàòè ³, çâè÷àéíî, çàêðèâàòè. Âñ³ ö³ õàðàêòåðèñòèêè ïîòð³áíî îïèñàòè â ñêðèïò³ ñïëèâàþ÷îãî â³êíà. Ðîáèòè ïëàâàþ÷³ â³êíà íåâàæêî, ãîëîâíå - çíàòè îñíîâè ïðîãðàìóâàííÿ, òàê ÿê ïîòð³áí³ ñïåö³àëüí³ çíàííÿ äëÿ ïðàâèëüíîãî íàïèñàííÿ êîäó.
ßê óíèêíóòè äåôîðìàö³¿ ñòîïè
ßê âèõîâàòè øï³öà
ßê â³ääÿ÷èòè çà äîïîìîãó
ßê ïîôàðáóâàòè êîôòó
ßê âêëþ÷èòè çàðÿäêó â³ä usb
ßê ðîçøèòè êàáåëü
ßê îòðèìàòè àòåñòàò àêðåäèòàö³¿
ßê ïðîäàâàòè ìîðîçèâî
ßê âëàøòóâàòèñÿ â Àä³äàñ