አጥፊው ለጣቢያው ምቹ መሣሪያ ነው ፡፡ በተለያዩ መድረኮች እና ብሎጎች ውስጥ በስፋት ጥቅም ላይ የዋለ ሲሆን ተጠቃሚው በአዝራር ፕሬስ ጊዜ አንድ የተወሰነ አካል እንዲደብቅ ያስችለዋል ፡፡ በተጨማሪም ፣ አጥፊው በጣቢያው ላይ ጥሩ ይመስላል እናም ገጹን ያለአግባብ ከመጠን በላይ የሚጭኑትን እነዚያን ክፍሎች ለመደበቅ ይረዳል ፡፡
አስፈላጊ ነው
የጃኪሪ ቤተመፃህፍት
መመሪያዎች
ደረጃ 1
በጃቫ ስክሪፕት የፕሮግራም ቋንቋ የተጻፈውን ታዋቂ የጃኪሪ ተሰኪ ቤተ-መጽሐፍት በመጠቀም አጥፊው ሊተገበር ይችላል ፡፡ የፕሮግራሙን ቋንቋ ሙሉ መስተጋብር ከገጹ የኤችቲኤምኤል ምልክት ኮድ ጋር ለመተግበር ጥቅም ላይ ይውላል። የ “jquery” ግንኙነቱ የሚከናወነው “” መለያውን በመጠቀም ኤችቲኤምኤል በመጠቀም ነው። ስክሪፕቱ የሚገኝበትን ቦታ መጥቀስ እና ዓይነትውን $ $ (ሰነድ) ማዘጋጀት አለብዎት ፡፡ ቀድሞውኑ (ተግባር ()
ደረጃ 2
በተወሰነ አንቀፅ ውስጥ የተጠቀሰው የጽሑፍ ቁራጭ በተለየ ንብርብር ውስጥ መዘጋት አለበት - ዲቪ ፣ በእራሱ እገዛ አጥፊው በራሱ ቁጥጥር ይደረግበታል-ሳሻ በሀይዌይ ላይ ተመላለሰ እና መድረቅን አጠባ ፡፡
ደረጃ 3
በመቀጠል ጽሑፉን የሚያፈርሱ እና የሚያስፋፉ የተበላሹ ተጓዳኝ አዝራሮች በተሰየሙ ሁሉም ዲበሎች ፊት መፍጠር ያስፈልግዎታል ፡፡ በመጀመሪያ ፣ አጥፊው ራሱ “የደበቀ ()” ተግባርን በመጠቀም ተደብቋል $ (“div [name =‘ spoil ’]””)። ደብቅ () ፤ በመቀጠል ለሁሉም አጥፊዎች ጽሑፍ እና ምስል መፍጠር ያስፈልግዎታል ለአዝራሮቹ እንደ ዳራ ሆኖ የሚያገለግለው-$ (“P [name = 'spoilbutton']”). Html (“ጽሑፍ አሳይ”);
ደረጃ 4
በገጹ ላይ ያሉትን ሁሉንም አዝራሮች ይፈልጉ እና በአዝራሩ ፊት ለፊት የመጀመሪያ ደረጃ ርዕሶችን ያረጋግጡ ፡፡ ይህንን ለማድረግ የ h1 መለያዎችን በስም የሚፈልግ ሁኔታን ይፍጠሩ ፡፡ የተገለጸው የርዕስ ጽሑፍ ራሱ ራሱ ይገለጻል $ (“p [name = 'spoilbutton']”)። እያንዳንዱ (ተግባር () {If ($ (this).prev (this).get (0).tagName == “H1”) {Var NewSpoilButton = “” + $ (this).prev (this).html () +”ጽሑፍ አሳይ”; $ (ይህ).prev (this).replaceWith (“”); $ (this).replaceWith (NewSpoilButton);}})
ደረጃ 5
በመቀጠል የመዳፊት አዝራሩን ጠቅ በማድረግ ጠቅ ማድረግ ያስፈልግዎታል ፡፡ አንድ ጠቅ ከተደረገ ሊታይ ይችላል $ (“div [name = 'spoilbutton']”)። ጠቅ ያድርጉ (function () {If ($ (this).next (this).css (“display”)) =”ብሎክ”) {
ደረጃ 6
ከዚያ ውርስ ይጻፉ። በአንድ ጽሑፍ ውስጥ ጽሑፉ በአንቀጽ p ውስጥ ይገኛል ፣ ይዘቱ በሰልፍ መለያ ውስጥ ይቀመጣል $ (ይህ) ልጆች (“p”)። ልጆች (“span”)። Html (“ጽሑፍ አሳይ”) ፣ መበስበስ ክፍት ብልሹ. ካልተከፈተ ጽሑፉን ያስፋፉ ፡፡ ይህ እርምጃ በውርስ ሕግ ላይ የተመሠረተ ነው-$ (ይህ)። ቀጣይ (ይህ)። ስላይድUp (“መደበኛ”) ፤} ሌላ {$ (ይህ)። ልጆች (“p”)። ልጆች (“span”)። Html (“ጽሑፍን ደብቅ”) ፣ $ (ይህ)። ቀጣይ (ይህ) ስላይድ ዳውን (“መደበኛ”) ፤} ሐሰት መመለስ })
ደረጃ 7
ከዚያ በአዝራር ላይ ያለው የመዳፊት በጣም ጠቅታ ይመዘገባል ፣ በዚህም ጽሑፍ ጽሑፉ አጥፊውን ይደብቃል እና ይከፍታል ፡፡ $ (“P [name = 'spoilbutton']”)። ጠቅ ያድርጉ (function () {If ($ (this).next (this).css (“display”) =”block”) {$ (this).next (ይህ).slideUp (“normal”) ፣ $ (ይህ).html (“Hide”);} ሐሰትን ይመልሱ; ተዛማጅ የ DIV ማገጃ ሲገኝ ይታያል።
