በኤችቲኤምኤል ውስጥ ብቅ ባይ መስኮት መፍጠር የሚከናወነው የ jQuery ቤተመፃህፍት በመጠቀም ነው ፣ ይህም የዝግጅት አስተናጋጅን በድረ-ገጽ ውስጥ ለማካተት እና በዚህም የጣቢያውን ንቁ ይዘት ለማሳየት የሚያስችለውን ነው ፡፡
መመሪያዎች
ደረጃ 1
የሚፈልጉትን ኮድ ለመጻፍ በሚጠቀሙበት የጽሑፍ አርታኢ ውስጥ የኤችቲኤምኤል ጣቢያዎን ገጽ ይክፈቱ። እንዲሁም ብቅ-ባይ መስኮትን ለማስገባት መደበኛውን የዊንዶውስ ማስታወሻ ደብተር መገልገያ መጠቀም ይችላሉ ፡፡ ይህንን ለማድረግ በኤችቲኤምኤል ፋይል ላይ በቀኝ ጠቅ ያድርጉ እና “ክፈት በ” - “ማስታወሻ ደብተር” ን ይምረጡ ፡፡
ደረጃ 2
በሰነዱ ክፍል ውስጥ jQuery ን የሚያስተናግድ ንብርብር ይፍጠሩ
ደረጃ 3
ከዚያ ብቅ ባይ መስኮቱን ስም ማዘጋጀት ያስፈልግዎታል። ይህንን ለማድረግ የተደረደሩ የኤችቲኤምኤል ራስጌዎችን መጠቀም ይችላሉ-
የመስኮት ርዕስ
ደረጃ 4
ከዚያ በኋላ አንቀጽ ለመፍጠር ስክሪፕቱን በመጠቀም በመስኮቱ ላይ የሚታየውን ጽሑፍ ያዘጋጁ-
ጽሑፍ
ደረጃ 5
ከዚያ የቀደመውን እጀታ ከመዝጋትዎ በፊት ብቅ ባይውን ለመዝጋት ከመደብ ቅርብ_ዊን ጋር አንድ ንብርብር ይፍጠሩ
መስኮት ይዝጉ
ደረጃ 6
በሰነዱ ገላጮች መካከል የሚፈለገውን መለያ በመጨመር በፋይሉ ውስጥ የ jQuery ቤተ-መጽሐፍትን ያካትቱ ፡፡ ለምሳሌ:
ደረጃ 7
ከዚያ በኋላ ብቅ-ባዩን ለማሳየት ኮዱን ያስገቡ-
$ (ተግባር () {
$ ('# Show')። ደብቅ ();
ደረጃ 8
በመቀጠል ተጠቃሚው ብቅ-ባይ መስኮቱን ለመጥራት እና የመስኮቱን መዘጋት ለማስተናገድ የመዳፊት አዝራሩን የጫኑትን ክስተት ማስተናገድ ያስፈልግዎታል። ይህንን ለማድረግ የሚከተሉትን ኮድ ያስገቡ-
$ ('# ጠቅ-እኔን')። ጠቅ ያድርጉ (ተግባር () {$ ('# show')። ፋዴይን (300);})
$ ('# Close_win')። ጠቅ ያድርጉ (ተግባር () {$ ('# show')። FadeOut (300);})
& lt / ስክሪፕት>})
ይህ ፕሮግራም ተጠቃሚው ብቅ-ባይ መስኮቱን ለመጥራት እና ለመዝጋት አገናኙን ጠቅ በማድረግ አዝራሮቹን በመጫን ያስተናግዳል ፡፡
ደረጃ 9
በገጹ ላይ ብቅ-ባይ መስኮቱን ለማሳየት ከላይ ባለው ኮድ ውስጥ የተገለጸውን ጠቅ-እኔ ክፍል አገናኝን መጠቀም ይችላሉ ፡፡ ይህንን ለማድረግ በሰነዱ አካል ውስጥ የሚከተለውን ኮድ ያስገቡ-
ብቅባይ ለማሳየት ጠቅ ያድርጉ
