IDN » ایجاد rolloverها

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

ایجاد rolloverها

مفهوم rollover بسیار ساده میباشد, بدین معنا که ابتدا دو تصویروجود داشته, تصویر اول در هنگام دریافت صفحه وب توسط کاربر در browser نمایش داده میشود, سپس بعد از آنکه کاربر, ماوس را برروی اولین تصویر ببرد browser تصویر دوم را با تصویر اول در عوض چند لحظه عوض میکند.
برای ایجاد rollover
<A href=”aghta.com”	1.
همانطور که میدانید, پیوند برای مشخص کردن مسیر بعدی تصویر میباشد.
onMouseover=”document.arrow.src=’images/test1.gif’”	2.
هنگام قرار گرفتن ماوس برروی تصویر دوم از داخل دایرکتوری برروی سند پنجره نمایان میشود.
onMouseout=”document.arrow.src=’images/test2.gif’”	3.
سپس با کنار رفتن موس از روی تصویر, تصویر به حالت اولیه برمیگردد.
**تذکر
ساختن rollover ها بدین طریق, در هنگام قرار گرفتن ماوس برروی تصویر, به علت وجود تصویر دوم بر روی server آن تصویر با اندکی تاخیر نمایان میشود. برای برطرف کردن این موضوع به مبحث بعد که در مورد ollover ها کاملتر بحث میشود, رجوع نمایید <html> <head> </head> <body> <h1> <a href=”http://aghta.com” onMouseover=”document.arrow.src=’images/test1.gif’” onMouseout=”document.arrow.src=’images/test2.gif’”><img border=1 src=”images/test1.gif” name=”arrow”></a> </h1> </body> </html>

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

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

اطلاعات