שלח תשובה

זירת השאלות

2100
צפיות
1
תשובות

איך אני עושה תמונה שהיא תהיה דהויה וברגע שהעכבר עליה היא תהיה רגילה?

,‏ 4 בנובמבר, 2011

תגיות: , ,

1 תשובות

  1. murder הגיב:
    31 ביולי, 2003 בשעה 12:00 am

    שתי אפשרויות:
    נגיד וקוד התמונה הוא כזה:

    <img src=""myimage.jpg"" border=""0"">

    אז אנחנו נוסיף:

    style=""filter:alpha(opacity=65)"" onMouseOver=""this.filters.alpha.opacity=100"" onMouseOut=""this.filters.alpha.opacity=65""

    ומה שיצא בקוד יהיה:

    <img src=""myimage.jpg"" border=""0"" style=""filter:alpha(opacity=65)"" onMouseOver=""this.filters.alpha.opacity=100"" onMouseOut=""this.filters.alpha.opacity=65"">

    דרך שניה זה לשתול קוד CSS בתוך הגיליון.

    פשוט נוסיף לגיליון CSS את הקוד הבא:

    img.opacity{
    filter:alpha(opacity=65);
    }

    img.opacity2{
    filter:alpha(opacity=100);
    }

    ואם הקוד של התמונה שלנו הוא כזה:

    <img src=""myimage.jpg"" border=""0"">

    אז נוסיף לו:

    class=""opacity"" onMouseOver=""this.className='opacity2'"" onMouseOut=""this.className='opacity'""

    מה בעצם עשינו? נתנו class לתמונה, ה-CLASS צויין בגיליון ה-CSS, ועשינו onMouseOver שזה אומר ברגע שהעכבר על התמונה, שה-CLASS יהיה opacity2 שהכנסו לגיליון ה-CSS, ועשינו onMouseOut ""ברגע שהעכבר ירד"" ה-CLASS יהיה opacity.

    והקוד של התמונה אמור להיות:

    <img src=""myimage.jpg"" border=""0"" class=""opacity"" onMouseOver=""this.className='opacity2'"" onMouseOut=""this.className='opacity'"">

    במקרה ואתם לא משתמשים בגיליון CSS פשוט תשתלו את הקוד הבא בדף הרצוי:

    <style>
    img.opacity{
    filter:alpha(opacity=65);
    }

    img.opacity2{
    filter:alpha(opacity=100);
    }
    </style>

שלח תשובה

הכנס כדי לשלוח תשובה