انیمیشنهای دو حالته فایلهای گرافیكی هستند كه در هنگام جابجایی نمایشگر ماوس بر روی نقطه معینی از طرح تغییر مییابند. این انیمیشنها برای ایجاد جذابیت در لینكها بخصوص در قسمتهای گرافیكی كه بطور واضح مشخص نشدهاند مفید میباشد. ویژگی دو حالته شامل یك مرحله وضعیت عادی، یك وضعیت جابجایی ماوس و یك وضعیت كلیك است. در این كار عملی برای هر یك از این وضعیتها یك تصویر ایجاد خواهیم كرد. برای بررسی در خصوص افكت دو حالته، در این كار عملی یك دكمه اولیه ایجاد میكنیم، سپس وضعیت آن را تغییر میدهیم. بعد از آنكه دكمه هر سه وضعیت مربوط به آن ایجاد شدند باید كد HTML آن، بعلاوه گرافیكهای مربوط به آن را ذخیره كنید و سپس كد تولید شده را در صفحة مورد نظر خود قرار دهید.