በተለምዶ ድርጣቢያዎች ላይ ግራፊክ ቀስቶች አሰሳን ለማቀናበር ያገለግላሉ። እንደዚህ ዓይነቱን ጠቋሚ ጠቅ ሲያደርጉ ወደ ሌላ ገጽ ወይም ወደ የአሁኑ ገጽ ሌላ ክፍል ይሄዳሉ። አንዳንድ ጊዜ አንዳንድ እርምጃዎች ከእነሱ ጋር የተሳሰሩ ናቸው - የመለያ መስክ ይዘትን ማጉላት ፣ የጃቫስክሪፕት ጽሑፍን ማስጀመር ፣ ወዘተ ፡፡ ይህ ቀስት ንቁ አካል መሆኑን ለማጉላት የ “ማድመቅ” ውጤትን ይጠቀሙ ፣ ማለትም ፣ በመዳፊት ላይ የመልክ ለውጦች።
አስፈላጊ
ስለ HTML እና ለ CSS ቋንቋዎች መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
የቀስት ማድመቂያውን ተግባራዊ ለማድረግ የትኛው ዘዴ ለእርስዎ እንደሚሻል ይወስኑ። በርካቶች አሉ ፣ በዚህ መመሪያ በሚቀጥሉት ደረጃዎች ሁለት ቀላልዎች ተሰጥተዋል ፡፡ ሁለቱም የሲ.ኤስ.ኤስ. ተንሸራታች የውሸት-ክፍልን ይጠቀማሉ ፡፡ የመዳፊት ጠቋሚው ከስዕላዊ አካል (ቀስት) በላይ በሚሆንበት ጊዜ በዚህ የውሸት-ክፍል ውስጥ የተገለጸው ዘይቤ በእሱ ላይ ይተገበራል ፣ እና በቀሪው ጊዜ ይህ ቅጥ አይሰራም። ከዚህ በታች ለተገለጹት ለሁለቱም አማራጮች ፣ ተመሳሳይ HTML ን መጠቀም ይችላሉ ኮድ ፣ ግን የተለያዩ የቅጥ መግለጫዎች። በገጹ ምንጭ ውስጥ ያለው የቀስት ኮድ እንደሚከተለው ሊፃፍ ይችላል-የመታወቂያ ባህሪው የአገናኝ መለያውን (ቀስት ኤ) ይገልጻል ፣ አሳሹ በየትኛው የቅጥ መግለጫዎች ላይ እንደሚተገበር ይወስናል ፡፡
ደረጃ 2
የመጀመሪያው አማራጭ ሁለት የቀስት ምስሎችን እንዲያዘጋጁ ይጠይቃል - ከኋላ መብራት ጋር እና ያለ ፡፡ እንደ ቅደም ተከተላቸው እንደ arrON.
አንድ # ቀስት ኤ ፣ አንድ # ቀስት ኤ የተጎበኙ {
ማሳያ: አግድ;
ቁመት 30px;
ስፋት 100 ፒክስል;
ዳራ: - url (arrOFF.gif)-አይደገምም;
ድንበር: 0;
}
አንድ # ቀስት ኤ: ማንዣበብ {
ዳራ: - url (arrON.gif)-አይደገምም;
ድንበር: 0;
}
የመጀመሪያው አግድ የቀስት ልኬቶችን (ቁመት 30px ፣ ስፋት 100px;) ይይዛል - በተዘጋጁት የቀስት ምስሎች ልኬቶች ይተኩ።
ደረጃ 3
ሁለተኛው አማራጭ በአንድ የምስል ፋይል ብቻ እንዲያገኙ ያስችልዎታል ፡፡ ሁለቱንም የቀስት ምስሎችን በእሱ ውስጥ ማስቀመጥ ያስፈልግዎታል - ሁለቱም የደመቁ እና እንቅስቃሴ-አልባ። ጎን ለጎን ሊያስቀምጧቸው ይችላሉ ፣ አንዱ ከሌላው በላይ ይችላሉ ፡፡ በናሙና ኮዱ ውስጥ የደመቀው ቀስት ከማይንቀሳቀሰው በታች እንደሚቀመጥ እንገምታለን እና ፋይሉ በእርሶዎ arr.
አንድ # ቀስት ኤ ፣ አንድ # ቀስት ኤ የተጎበኙ {
ማሳያ: አግድ;
ስፋት 100 ፒክስል;
ቁመት 30px;
ዳራ: url (arr.gif) ምንም-መደጋገም;
ድንበር: 0;
}
አንድ # ቀስት ኤ: ማንዣበብ {
ዳራ: url (arr.gif) no-repeat 31px;
ድንበር: 0;
}
እዚህም መጠኑን መጠኑን አይርሱ።
