تابحال دستورات مورد نیاز برای قرار دادن تنها یک rollover در صفحه آموختید, برای قرار دادن چند rollover بایستی تنها اندکی دستور به آنچه قبلا ذکر شده بیافزایید. [TABLE] [TR] [TD="bgcolor: transparent, colspan: 2"] 1-برای قرار دادن چند rollover در صفحه [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] button1Red = new Image button1Blue = new Image button2Red = new Image button2Blue = new Image [/TD] [TD="bgcolor: transparent"] [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] 2-بطور کلی برای هر rollover بایستی دو تصویر تهیه نمود. [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] button1Red.src = “images/test1.gif” button1Blue.src = “images/test2.gif” button2Red.src = “images/test1.gif” button2Blue.src = “images/test3.gif” [/TD] [TD="bgcolor: transparent"] [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] 3-در این مرحله مسیر تصاویر ویژگی src تخصیص داده میشود. [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] button1Red = “” button1Blue = “” button2Red = “” button2Blue = “” [/TD] [TD="bgcolor: transparent"] [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] 4-این مرحله نیز برای browserهای قدیمی در نظر گرفته میشود تا در هنگام بارگذاری صفحه, پیغام اشتباه در روی سیستم کاربر نمایان نشود. [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] document.button1 = “” document.button2 = “” [/TD] [TD="bgcolor: transparent"] [/TD] [/TR] [TR] [TD="width: 100%, bgcolor: transparent"] هر کدام از متغییرهای document نیز برای یک rollover نوشته میشوند. [/TD] [/TR] [TR] [TD="bgcolor: transparent, colspan: 2"] تذکر: [/TD] [/TR] [TR] [TD="bgcolor: transparent, colspan: 2"] [*=right]توجه داشته باشید که هر تصویر و هر تگ IMG بایستیدارای یک نام باشند, در غیر اینصورت JavaScript قادر به تشخیص مکانهای تصاویر نمیشود. [/TD] [/TR] [/TABLE]
