אַטראַקטיוו בלאַט, אָדער לערנען ווי צו מאַכן אַ HTML טיקער

ויסשטעלן וואָג צווישן אַטראַקטינג די ופמערקזאַמקייַט פון וויזאַטערז און אַנאַמיישאַן פון בלעטער איז יקערדיק. מאָדערן אינטערנעט באַניצער זאָל זיין יקספּיריאַנסט גענוג און זייער ספּעציפיש פּלאַנז, וואָס זענען געשטעלט אין עטלעכע פאָרעם פון פאַרטרעטונג. אַז סך גאַנצע טעכנאָלאָגיע דעוועלאָפּערס און וועבזייַטל דיזיינערז האָבן געגרינדעט אַ טויגן ענטפער פון וויזאַטערז. עס איז וויכטיק צו באַטראַכטן. אויב די פּלאַנז טאָן ניט האָבן דעם ציל פון קריייטינג אַ באמת אַקטיוו פּלאַץ טויגעוודיק פון ריאַקטינג ינדיווידזשואַלי צו אַלעמען וואס האט קומען צו אַ בלאַט מקריב אַ דיאַלאָג צו וואָס עס יקספּעקץ, עס איז בעסטער נישט צו ווייַזן יבעריק ברען אין די פעלד פון גאַנצע אין אַלגעמיין, און אין באַזונדער די דינאַמיק פון בלעטער.

אַבסעסיוו אַנאַמיישאַן ווי אַ אומגעריכט געזונט אָדער זאַץ "שרייַבן די טעלעפאָנירן נומער, און אַ מינוט שפּעטער איר וועט רופן" ניט מער אַטראַקץ די גאַסט, און אין רובֿ קאַסעס, ראַדוסאַז דער אינטערעס אין די מיטל, דעמאָלט ווי צו מאַכן די פליסנדיק שורה אין די HTML קאָד ווי מעגלעך אין סדר צו צאָלן ופמערקזאַמקייַט צו די זאכן איר ווילן פּלאַץ.

דזשאַוואַסקריפּט אָדער HTML

קאַפּאַביליטיעס פון HTML און קסס לאָזן איר צו געשווינד באַקומען אַ פאַרשיידנקייַט פון אָריגינעל ווירקונג פון מאָווינג זאכן, און אָפֿט איר קענען טאָן אַפֿילו אָן אַ פּשוט דזשאַוואַסקריפּט קאָד, אַזוי ווי צו מאַכן סקראָללינג און מאָווינג בילד אַלאַוז מאַרקי קוויטל, און קאָסטן-Effectively. טכילעס, ער ארויס אין Internet Explorer, און דעמאָלט האט שוין ימפּלאַמענאַד אין אנדערע בראַוזערז.

אינטערעס אין אַ פּשוט אַנאַמיישאַן אין פריש יאָרן האט לאָוערד, און די אָפּציעס וואָס באַשרייַבן ווי צו מאַכן אַ HTML טיקער, האבן געהאלטן אַ רעליק פון די פאַרגאַנגענהייַט. כאָטש עס איז נישט באקאנט אַז עס איז צייַט צו אָפּשיקן צו די געשיכטע און זינקען. פאַרשידענע היסטארישע רעליק אַזוי צו לערנען זייַן קאָנטעמפּאָראַריעס, אַז אינטערעס וועט זיין העכער ווי די מערסט טייַער לאָושאַנז אויף דיין Smartphone אָדער סייכל נאַנאָבאָט.

קוויטל מאַרקי

מאַרקי קוויטל אַלאַוז איר צו שטעלן אַרויף / אַראָפּ, לינקס צו רעכט אָדער וויצע ווערסאַ, ין די גאנצע חשבון אָדער אַ באַזונדער אַפּאַראַט. עס איז די קאָליר אַטראַביוץ פון גרייס, גיכקייַט. די דעוועלאָפּער האט אַ פול פּאַליטרע פון מכשירים צו מאַכן די אויסזען און באַוועגונג פון צופרידן אויף דעם בלאַט מעאַנינגפול, אַטראַקטיוו און אַנאַבטרוסיוו. איידער איר מאַכן אַ HTML טיקער, איר דאַרפֿן צו פֿאַרשטיין אַז דאָס איז בפֿרט דער רעזולטאַט פון דעוועלאָפּער אינטערעס צו דער גאַסט, זייַן פאַרלאַנג צו ברענגען די לעצטע גוט צופרידן, אַ טויגן צושטעלן פון רעכט. אָבער, עס איז נישט אין די פליסנדיק שורה, און ווי פול פון די בלאַט און זייַן עלעמענטן זענען ינטעררילייטיד.

דער געדאַנק, ווי אין HTML צו מאַכן סקראָללינג אין אַ אַנאַבטרוסיוו פאָרעם, צו מאַכן די חשבון לעבן, קומט צו מיינונג יעדער דעוועלאָפּער. דעם עלעמענט קענען זיין אנגעוויזן צו דאַטע אינפֿאָרמאַציע ווייַזן די באַוועגונג פון די אַקציעס פּרייַז ענדערונגען, די אויסזען פון דיסקאַונץ, און אַזוי אויף.

שליסל אַטראַביוץ פון מאַרקי

מאַרקי Offers ניט דער הויפּט גרויס פאַרשיידנקייַט פון אָפּציעס אַז באַשרייַבן ווי צו שאַפֿן אַ סקראָללינג טעקסט אין HTML:

• נאַטור אַטריביוט ספּעסיפיעס באַוועגונג צווישן צעל זייטן (בייַטנ לויט דער ריי);
• סקראָללינג, אין וואָס צופרידן גייט אין אַ קרייַז ווייַל פון איין עלעמענט גרענעץ און גייט צו אן אנדער (מעגילע);
• איר קענען רעזולטאַט די וואָרט און "קליי" זיי צו יעדער אנדערער (רוק).

דער ריכטונג פון באַוועגונג דאַטערמאַנז די ריכטונג אַטריביוט אַז אַלאַוז איר צו באַשליסן די באַוועגונג פון די לינקס און רעכט (לינקס | רעכט) אַרויף אָדער אַראָפּ (אַרויף | אַראָפּ).

די באַונדריז פון די געגנט אין וואָס די אינהאלט איז געטומלט, די אַטראַביוץ באשלאסן ברייט און הייך, וואָס קענען זיין באַשטימט "דין" ווירקונג. это не всегда именно перемещение информации. נאָך אַלע, דער געדאַנק איז צו מאַכן די HTML סקראָללינג - דעם איז ניט שטענדיק די באַוועגונג פון אינפֿאָרמאַציע. איר קענען ספּעציפיצירן אַ זייער קליין גרענעץ צו אַ איין כאַראַקטער (למשל, "וועגן", "רענטגענ", "!", ...) און באַקומען אַ גאָר אומגעריכט און אַטראַקטיוו עלעמענטן פון דעם זאַץ, אָן ספּענדינג אַפֿילו אַ איין ביטע קאָד אין דזשאַוואַסקריפּט.

ינסערטינג אַ בילד

באַוועגן קענען נישט בלויז אינפֿאָרמאַציע, אָבער אויך אנדערע עלעמענטן פון די HTML מאַרקאַפּ. איר קענען דערגרייכן די אָריגינעל ווירקונג ווען מאָווינג, למשל, * גיף בילדער. ניט ענלעך פּנג פֿאָרמאַטירונגען און דזשפּג, גיף בילדער קענען זיין זיך אַנימאַטעד. פֿאַר משל, עס איז מעגלעך צו ציען אַ סוויוואַל ראָד מאַשין אָדער אַ קאַפּ אַז וועריז ווען די פליעס צו לאַנד. דורך באַשטעטיקן די באַוועגונג פון די ראָד כאָריזאַנטאַלי, וואָס אין זיך איז ראָוטייטינג, איר קענען מאַכן די אילוזיע פון באַוועגונג. נו, פיר ווילז - עס איז אַ לעבעדיק מאַשין אָן אַ איין שורה פון דזשאַוואַסקריפּט קאָד.

סימילאַרלי, איר קענען ספּעציפיצירן די באַוועגונג פון די קאַפּ פון די שפּיץ אַראָפּ. בשעת די בילד "Falls", אויב די טוישן קאָראַספּאַנדז צו די אַעראָדינאַמיקס פון דעם פּראָצעס, די געבעטן ווירקונג איז גאַנץ נישטיק אַקשאַנז וועט זיין אַטשיווד.

ווי צו מאַכן סקראָללינג טעקסט אין דעם HTML אַפּשאַנאַל מיטל צו נאָר און Effectively? איר קענען קומען אַרויף מיט טשיקאַווע אָפּציעס פֿאַר ניט-בעקאַבאָלעדיק וועגן. עס איז באקאנט אַז ענדערונגען קאָליר אותיות, הינטערגרונט בילדער לאָודינג, מאַניפּיאַלייטינג עלעמענט סיזעס ערלויבט אויף בלעטער דינאַמיקאַללי. דעם מאכט עס מעגלעך צו שאַפֿן סקראָללינג טעקסט, למשל, ווי אַ סיקוואַנס פון עלעמענטן וואָס דערשייַנען אויף דער עקראַן מיט וועריינג דיגריז פון דורכזעיקייַט, טוישן זייַן גרייס אָדער פּאָזיציע אויף דער בלאַט.

היפּערטעקסט און פּראָגראַממינג: אַלע די פאָרמאַל און שטרענג פּיינטיד, אָבער אַפֿילו די שטרענג פאָרמאַל ביניען טוט נישט באַגרענעצן די פּאַסאַבילאַטיז פֿאַר גרינג, עפעקטיוו און דינאַמיש פּרעזענטירונג.