Շատ ժամանակակից կայքեր ունեն բնօրինակ հսկողություն: Այս տարրերից մեկը թռուցիկ պատուհաններն են, որոնցում կարող եք տեղադրել տարբեր օգտակար տեղեկություններ, գովազդներ, վերահսկողություններ, հարցումներ և այլն: Նման պատուհանի ստեղծումը բավականին հեշտ է. Օգտագործեք jQuery գրադարանը:
Հրահանգներ
Քայլ 1
Տեղադրեք պիտակները ձեր էջի կոդի մեջ, որոնք ավելացնում են jQuery գրադարանը: Այս պիտակները բավականին ստանդարտ տեսք ունեն.
սցենար src = "jQuery.js" / սցենար
սցենար src = "interface.js" / սցենար
Քայլ 2
Թռուցիկ պատուհանը ոճավորելու համար ոճաթերթին ավելացրեք css կոդը: Նշեք այնպիսի պարամետրեր, ինչպիսիք են դիրքը, բարձրությունը, վարարումը, ֆոնային պատկերը, ֆոնի դիրքը, ֆոնային կրկնումը, վարարումը, կուրսորը և այլ պարամետրեր, որոնք կարող են ձեզ անհրաժեշտ ոճավորելու համար: Այս պարամետրերը կարող են դրվել նաև գլխի պիտակում, եթե ձեր ստանդարտ աշխատանքում ոճերի համար հատուկ ֆայլ հատկացնելու սկզբունք չկա: Դուք կարող եք գրել կոդ այլ ձևերով ՝ օգտագործելով տարբեր պիտակներ: Սովորաբար լողացող պատուհաններ գրելու շատ եղանակներ կան:
Քայլ 3
Տեղադրեք ելնող պատուհանի հղման կոդը էջի մարմնում և նկարագրեք սցենարը `ելնող պատուհանը բացելու համար: Նկարագրեք գործառույթ `պատուհան զանգահարելու համար, օգտագործելով ստանդարտ հրամաններ show (), TransferTo (), bind () և այլն: Փորձեք յուրաքանչյուր գործառույթի կողքին ինքներդ ձեզ համար մի փոքր նկարագրություն գրել, որպեսզի կոդում չխառնվեք, քանի որ կարող եք ամբողջովին խաթարել ամբողջ համակարգի աշխատանքը:
Քայլ 4
Ստուգեք կոդը սխալների համար և բացեք էջը զննարկչում ՝ ձեր աշխատանքի արդյունքը տեսնելու համար: Որպեսզի pop-up պատուհան հայտնվի, անհրաժեշտ է սեղմել ստեղծված հղմանը: Ապագայում կարող եք ապահովել ելնող պատուհանի ավտոմատ տեսք: Թռուցիկը պետք է ունենա նաև տարբեր բնութագրեր, ինչպիսիք են `քաշելու և թողնելու, նվազագույնի հասցնելու, ձգվելու և, իհարկե, փակելու ունակությունը: Այս բոլոր բնութագրերը պետք է նկարագրվեն ելնող սցենարում: Լողացող պատուհանների պատրաստումը դժվար չէ, հիմնականը `իմանալ ծրագրավորման հիմունքները, քանի որ ծածկագիրը ճիշտ գրելու համար հատուկ գիտելիքներ են պետք:
