IDN » قرار دادن چندین rollover در صفحه

( تعداد نمایش : 1644 )

قرار دادن چندین rollover در صفحه

تابحال دستورات مورد نیاز برای قرار دادن تنها یک rollover در صفحه آموختید, برای قرار دادن چند rollover بایستی تنها اندکی دستور به آنچه قبلا ذکر شده بیافزایید.
برای قرار دادن چند rollover در صفحه
button1Red = new Image button1Blue = new Image button2Red = new Image button2Blue = new Image	1.
بطور کلی برای هر rollover بایستی دو تصویر تهیه نمود.
button1Red.src = “images/test1.gif” button1Blue.src = “images/test2.gif” button2Red.src = “images/test1.gif” button2Blue.src = “images/test3.gif”	2.
در این مرحله مسیر تصاویر ویژگی src تخصیص داده میشود.
button1Red = “” button1Blue = “” button2Red = “” button2Blue = “”	3.
این مرحله نیز برای browserهای قدیمی در نظر گرفته میشود تا در هنگام بارگذاری صفحه, پیغام اشتباه در روی سیستم کاربر نمایان نشود.
document.button1 = “” document.button2 = “”	4.
هر کدام از متغییرهای document نیز برای یک rollover نوشته میشوند.
**تذکر
توجه داشته باشید که هر تصویر و هر تگ IMG بایستی دارای یک نام باشند, در غیر اینصورت JavaScript قادر به تشخیص مکانهای تصاویر نمیشود. <html> <head> <script language=”javascript” type=”text/javascript”> if(document.images) { button1Red = new Image button1Blue = new Image button2Red = new Image button2Blue = new Image button1Red.src = “images/test1.gif” button1Blue.src = “images/test2.gif” button2Red.src = “images/test1.gif” button2Blue.src = “images/test3.gif” } else { button1Red = “” button1Blue = “” button2Red = “” button2Blue = “” document.button1 = “” document.button2 = “” } </script> </head> <body> <h1> <a href=”aghta.com” onMouseover=”document.button1.src=button1Red.src” onMouseout=”document.button1.src=button1Blue.src”><img border=”0″ src=”images/test2.gif” name=”button1″></a> <br> <a href=”aghta.com” onMouseover=”document.button2.src=button2Red.src” onMouseout=”document.button2.src=button2Blue.src”><img border=”0″ src=”images/test3.gif” name=”button2″></a> </h1> </body> </html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن

اطلاعات