שלח תשובה

זירת השאלות

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

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

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

תגיות: , ,

1 תשובות

  1. murder הגיב:

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

    <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>

שלח תשובה