![]() |
[מדריך] JS - יצירת טקסט מתגולל (marquee) תקני
שלום לכולם, אחרי שהחלטתי שאני צריך אחד, התחלתי לנסות להכין, נחשו מה?....גם הצלחתי!.
לפני שאני ישכח, תודה לתומר (atom-bomb), הוא לא הצליח לעזור לי אבל לפחות ניסה... או קי, למי שיש ספק, קודם כל שיכנס לפה: http://validmarqee.sbsil.biz/ עכשיו נתחיל במדריך. דף HTML נראה ככה: HTML קוד:
<html> HTML קוד:
<script type="text/javascript"> קודם כל, לDIV צריך להיות שם מסויים שבHTML זה בעצם הID שלו. אז נתחיל בתוך הBODY כמובן: HTML קוד:
<div id="scrolldiv1"></div> עכשיו צריך לעשות לו את הגלילה, אז מוסיפים את זה לתוך הDIV: HTML קוד:
style="overflow:hidden;height:80px;" HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;"></div> עכשיו, שמים את התוכן של מה שאנחנו רוצים שיגלל בתוך הDIV שעשינו: HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;"> כלומר, ככה: HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;"> HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;"> אם אתם רוצים שהוא יעבוד מהכניסה לדף, אז הולכים לתג הbody ושמים שם: HTML קוד:
onload="scroller(DIVname,up-down);" DIVname: שם/ID של הDIV שלנו, במקרה הזה scrolldiv1. up-down: הכיוון, מלמטה למעלה שמים 0 מלמעלה למטה שמים 1. אז מה שיוצא לנו הוא: HTML קוד:
<body onload="scroller('scrolldiv1',0);"> נתחיל: חוזרים לDIV העיקרי שלנו, ושמים שם את אותה פונקציה ששמנו בbody רק בonmouseout (לא לשכוח לשים אותם ערכים) כך שיוצא ככה: HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;" onmouseout="scroller('scrolldiv1',0);"> חוזרים לDIV שעכשיו טיפלנו בו ומוסיפים לו את הפונקציה stopscroller בתוך onmouseover כלומר ככה: HTML קוד:
<div id="scrolldiv1" style="overflow:hidden;height:80px;" onmouseout="scroller('scrolldiv1',0);" onmouseover="stopscroller('scrolldiv1');"> וזהו, יש לכם DIV נגלל אוטומטי ותקין כמובן, נכון כיף... הקוד השלם: HTML קוד:
<html> לכל ה"נחמדים" חושבים ששלכם יצא יותר טוב?...תעשו, לא מעניין אותי רק אל תהרסו את האשכול. כל הזכויות על כתיבת המדריך והסקריפט הם שלי, אני יוצר הסקריפט ומי שרוצה לפרסם את המדריך חייב להוסיף שורה זו(עם הלינק ועם הכל, אם אני יראה את זה בלי זכויות או הלינק להוסטס...יהיה בלאגן): נכתב ע"י meshuga בלעדית לפורום HOSTS *יש להזכיר שאולי יהיו באגים בכל מני דפדפנים, נבדק רק על IE וFF. *אין להוריד זכויות חבר'ה. *אם מישהו מוצא איזה באג להודיע לי בבקשה. *אם יש בעיה במדריך ליידע אותי, כתבתי אותו מהר. -באג ידוע, לפעמים זה עולה פיקסל אם אתה מזיז את העכבר בתוך תחום הDIV. |
יפה מאוד!,
כל הכבוד. |
כל הכבוד על ההשקעה והרעיון טוב, אבל ישנם כבר סקריפטים מוכנים כאלו שעובדים בצורה יותר יעילה וחכמה. מישהו פעם פרסם פה את אחת הגרסאות.
בכל מקרה, ישר כוח :) |
ציטוט:
http://www.hosts.co.il/forums/showth...hlight=marquee ולצערי זה עם אי פריים, וכמה שאני שונא איי פריים ;). וגם שם זה מאוזן ולא אנכי. |
לא לא, לא זה. אני חושב שראיתי את זה באתר שווצרי בכלל (אני שווצרי אז... :\). אבל עזוב, דיון שלך :O לא קשור.
|
יפה מאוד!|לב|
|
וואו, מגניב =]
תודה רבה (למרות שאני לא שם על תקינות הקוד.. אבל בכל מקרה אם לקוח ירצה.. אני אשים קרדיט אל תדאג =]) פחח חבר שלי שאל אותי אם אפשר לקנוס אתרים על תקינות קוד.. xD |
תודה רבה..
|
תודה, עזר לי מאוד!
|
יפה אבל לא הכי שימושי.
באופרה זה בכלל לא פועל, ובFF פועל רק הלמעלה. |
כל הזמנים הם GMT +2. הזמן כעת הוא 15:36. |
מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ