1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

ایجاد rolloverها

شروع موضوع توسط hector2141 ‏10/9/12 در انجمن JS

  1. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,318
    تشکر شده:
    2,702
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    [​IMG]
    ​
    مفهوم rollover بسیار ساده میباشد, بدین معنا که ابتدا دو تصویروجود داشته, تصویر اول در هنگام دریافت صفحه وب توسط کاربر در browser نمایش داده میشود, سپس بعد از آنکه کاربر, ماوس را برروی اولین تصویر ببرد browser تصویر دوم را با تصویر اول در عوض چند لحظه عوض میکند.



    [TABLE]
    [TR]
    [TD="class: tdbaner1, colspan: 2"]برای ایجاد rollover[/TD]
    [/TR]
    [TR]
    [TD="width: 100%"]
    <A href=”aghta.com”​
    [/TD]
    [TD] [/TD]
    [/TR]
    [TR]
    [TD="width: 100%"]همانطور که میدانید, پیوند برای مشخص کردن مسیر بعدی تصویر میباشد.[/TD]
    [/TR]
    [/TABLE]
    همانطور که میدانید, پیوند برای مشخص کردن مسیر بعدی تصویر میباشد.


    [​IMG]​
    [TABLE]
    [TR]
    [TD="width: 100%"]هنگام قرار گرفتن ماوس برروی تصویر دوم از داخل دایرکتوری برروی سند پنجره نمایان میشود.[/TD]
    [TD] [/TD]
    [/TR]
    [TR]
    [TD="width: 100%"]
    onMouseout=”document.arrow.src=’images/test2.gif’”​
    [/TD]
    [/TR]
    [/TABLE]
    سپس با کنار رفتن موس از روی تصویر, تصویر به حالت اولیه برمیگردد.

    تذکر :

    ساختن rollover ها بدین طریق, در هنگام قرار گرفتن ماوس برروی تصویر, به علت وجود تصویر دوم بر روی server آن تصویر با اندکی تاخیر نمایان میشود. برای برطرف کردن این موضوع به مبحث بعد که در مورد ollover ها کاملتر بحث میشود, رجوع نمایید.

    [​IMG]​