הוסטס - פורום אחסון האתרים הגדול בישראל - קוד ראשון שלי בJS :) מתנה ממני אליכם, לא שחלקכם באמת צריך את זה :)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

קוד ראשון שלי בJS :) מתנה ממני אליכם, לא שחלקכם באמת צריך את זה :)

באנר מוסתר, ובמעבר עליו נפתח במלואו.

דוגמא תוכלו לראות באתר של לקוח שלי:
http://www.rozmedics.co.il/page.php?act=page&num=1

אז ככה:
אתם מגדירים div שיכול להיות שמה פלאש / תמונה / טקסט (אני מניח..), ככה:

HTML קוד:

<!--  נכתב ע"י אלון רוט, http://www.decor-d.com-->

<div align="left" style="position: relative; left: 245px; top: -50px;" name="banner_1" id="banner_1" onmouseover="banner('in');" onmouseout="banner('out');">

<פה תכניסו כל דבר שתרצו>

  </div>

יש אפשרות לעשות את הposition ל: absolute
במידה ותרצו שזה יעלה על המשך הדף..

הtop קובע כמה הוא יהיה בברירת המחדל ומתי שאין עליו עכבר.

עכשיו נעבור לJS:

קוד:

function banner(action)

{

  //נכתב ע"י אלון רוט, http://www.decor-d.com  

switch (action)

{

  case "in":

  banner_1.style.top='0px'

  break;

  case "out":

  banner_1.style.top='-50px'

  break;

}



}

*נא לא להוריד זכויות, במידה ואתם משתמשים בסקריפט.

תהנו :)

תודה!
שימושי.

סקריפט נחמד,
אך עובד רק ב IE, ב FIRE FOX הוא לא עובד..

קוד נחמד...
תודה!

נחמד רק חבל שעובד רק בIE :(

תעבוד עם הזחה נכונה

קוד:

//נכתב ע"י אלון רוט, http://www.decor-d.com  

//fBanner show/hide the top banner

function fBanner(action){

   switch (action) {

        case "in":

            banner_1.style.top='0px';

            break; //break 'in'

        case "out":

            banner_1.style.top='-50px';

            break; //break 'out'

        default:

            break;

   }

}

זה עובד גם בFF.... קצת בעייתי עם פלאש אבל זה עובד די טוב גם בFF.

תודה:)
זה חיוני לתפריט גם