በጣቢያዎ ላይ ተለዋዋጭ በይነገጽ የተጠቃሚዎችን ትኩረት የሚስብ እና ትራፊክን ይጨምራል። ለድር ጣቢያ አኒሜሽን ራስጌ ማድረግ በመጀመሪያ ሲታይ እንደሚታየው ከባድ አይደለም ፡፡
መመሪያዎች
ደረጃ 1
የመዳፊት ጠቋሚው በላዩ ላይ በሚያንዣብብበት ጊዜ ውቅሩን የሚቀይር የታነመ ራስጌ ለማድረግ እንሞክር ፡፡ ለምሳሌ ፣ በአንድ ራስጌ ውስጥ አንድ ጥቁር እና ነጭ ስዕል በመስተጋብር ላይ ወደ ቀለም ተቀይሯል ወይም ወደ ሌላ ተቀየረ ፡፡
ደረጃ 2
ከኦፊሴላዊ ድር ጣቢያ (jquery.com) ካወረዱ በኋላ የ jQuery ቤተ-መጽሐፍት በኮምፒተርዎ ላይ ይጫኑ ፡፡
ደረጃ 3
የስክሪፕት መለያውን በመጠቀም ቤተ-መጽሐፍትዎን ከኤችቲኤምኤል ፋይልዎ ራስ መለያዎች መካከል ያገናኙ
ደረጃ 4
ተጠቃሚው ከራስጌው ጋር ሲገናኝ እርስ በእርስ የሚተካ ሁለት ሥዕሎችን ይምረጡ ፡፡ ከጥቁር እና ከነጭ ወደ ቀለም ሽግግር እንዲኖርዎት ከፈለጉ የስዕሉን ቅጅ ይፍጠሩ እና በፎቶሾፕ ውስጥ ያጥፉት ፡፡
ደረጃ 5
በኤችቲኤም-ሰነዱ ውስጥ የሁለት ንጥሎች ዝርዝር ይፍጠሩ እና የምስል መለያውን በመጠቀም ስዕሎችን ከእያንዳንዳቸው ጋር ያያይዙ ፡፡ የቅጥ ክፍልን ለምሳሌ ለዝርዝሩ ራሱ ይተግብሩ
ደረጃ 6
ለጣቢያዎ ራስጌ ኃላፊነት ባለው ዲቪ ውስጥ ይህንን ያድርጉ። በመጀመሪያ ፣ በስታቲክ ሁኔታ ውስጥ ሊንፀባረቅ የሚገባውን የምስሉን አድራሻ ይግለጹ እና ከዚያ በማንዣበብ ላይ የሚታየውን ይግለጹ ፡፡
ደረጃ 7
በመጀመሪያው ስዕል ላይ ክፍል = "pervaya" ን ይጨምሩ እና ክፍልን - "vtoraya" ወደ ሁለተኛው ሥዕል።
ደረጃ 8
በተያያዘው የሲ.ኤስ.ሲ ፋይል ውስጥ ለእነዚህ ክፍሎች የአቀማመጦች (አቀማመጥ ፍጹም) ፣ ፍጹም ቁመት እና ስፋት (ቁመት እና ስፋት) ይጥቀሱ ፡፡
ደረጃ 9
ስዕሎቹን እርስ በእርሳቸው ያስቀምጡ ፡፡ ለዚህም የዚ-ኢንዴክስ ዘይቤን ይጠቀሙ ፡፡ በማያ ገጹ ጥልቀት ውስጥ ከእኛ የሚጠፋውን በ z- ዘንግ ላይ አባሎችን እንዲያስተካክሉ ያስችልዎታል።
ደረጃ 10
ለዝርዝሩ ራሱ የመግቢያውን ዝርዝር ፣ የሚፈልጉትን አሰላለፍ ይግለጹ እና የዝርዝሩን ንጥሎች ያስወግዱ (የዝርዝር-ዘይቤ ዓይነት-የለም ፤) ፡፡
ደረጃ 11
. Js ፋይል ይፍጠሩ እና የሚከተለውን ኮድ ወደ ውስጥ ይለጥፉ
$ (ሰነድ). ቀድሞውኑ (ተግባር () {
$ ("img.grey")። ማንዣበብ (ተግባር () {
$ (ይህ).stop (). animate ({"opacity": "0"}, "ቀርፋፋ");
}, ተግባር () {
$ (this).stop (). animate ({"opacity": "1"}, "ቀርፋፋ");
});
});
ደረጃ 12
ይህ ኮድ የራስጌ ራስዎን በተግባር ላይ ያነቃቃል ፡፡. Js ፋይልን ከ html ሰነድ ጋር ማገናኘትዎን አይርሱ።
