ساخت دکمه ی hover

[mrmazmamfi]

سلام دوستان .

من میخوام یه منویی بسازم که تو حالت معمولی به این صورته . (یکی از دکمه هاشه )

81319


و وقتی ماوس روش میاد به صورت 81320 در بیاد .

با CSS نوشته بودم ولی وقتی ماوس رو روش میبرم بعد یک ثانیه عکس دوم نمایش داده میشه .

حالا اگه من بخوام با جاوا اینو پیاده سازی کنم چجوریه ؟
ممنون

[hamid_shrk]

چرا با جاوا؟
با خود css این کارو بکن کافیه دیگه.

[mamali-mohammad]

برای اینکه بعد از چند ثانیه نشون نده و همون لحظه لود بشه باید از css sprite استفاده کنی
توی گوگل بگرد اموزشش هست

[Saber Mogaddas]

سلام
دوتا عکس رو به صورت افقی کنا هم یه عکس کن با photoshop و با دستور background-position عکس اولی رو تنظیم کن بعد کلاسی که به این عکس دادی رو + :hover تو css بنویس و با ز با دستو background-position رو عکس دوم تنظیم کن..این همین css sprite هست..
به صورت زیر ..


#photo{
background-image:url('photo.png');
background-position:right;
}

و برای hover


#photo:hover
{
background-position:left;
}

موفق باشی..

[mrmazmamfi]

سلام
دوتا عکس رو به صورت افقی کنا هم یه عکس کن با photoshop و با دستور background-position عکس اولی رو تنظیم کن بعد کلاسی که به این عکس دادی رو + :hover تو css بنویس و با ز با دستو background-position رو عکس دوم تنظیم کن..این همین css sprite هست..
به صورت زیر ..


#photo{
background-image:url('photo.png');
background-position:right;
}

و برای hover


#photo:hover
{
background-position:left;
}

موفق باشی..


برای اینکه بعد از چند ثانیه نشون نده و همون لحظه لود بشه باید از css sprite استفاده کنی
توی گوگل بگرد اموزشش هست


سلام
داداشای گلم ، دمتون گرم ، همین حرکتو زدم ردیف شد .

برای بچه هایی که میخوان به صورت مفصل تر هم یاد بگیرن ، میتونن این لینک زیرو ببینن :
http://webdesignerwall.com/tutorials/advanced-css-menu

[mrmazmamfi]

چرا با جاوا؟
با خود css این کارو بکن کافیه دیگه.

راستش الان این سایت
http://damodern.com/

از روش Css Spriteاستفاده نکرده ، و از هر عکس هم 2 تا داره ، میخواستم روش این سایت رو هم یاد بگیرم .
حالا اگه حال داشتید اینم بگید ، خیلی لطف کردید .
ممنون

[mamali-mohammad]

این اومده کار خودشو سخت کرده :

<a id="href5" rel="ModalWindow-4"> <img src="UploadFiles/PageUpPic/19PicName1.jpg" id="img5" /> <span> <img src="UploadFiles/PageUpPic/19PicName2.jpg" id="img5X" alt="hover" /></span> </a>اول عکس پیشرفض رو گذاشته
همون که غیرفعاله
بعدش اومده عکس فعال رو دقیقا همونجا گذاشته اما display:none داده
بعدش دستور داده که اگه ماوس روی عکس اومد اون یکیو display:block کن
کار سختیه و لود زیادی مییگیره

بهتره از css sprite استفاده کنی
چون سرعت خیلی میبره بالا و تعداد درخواست به سرور کمتر میشه

[mrmazmamfi]

ممنون .
حالا اگه من بخوام یه صدا روی هر کدوم از این منو ها بذارم چجوریه ؟
میخوام وقتی ماوس روی هر کدوم رفت یه صدای تیک بده .

[mrmazmamfi]

ممنون .
حالا اگه من بخوام یه صدا روی هر کدوم از این منو ها بذارم چجوریه ؟
میخوام وقتی ماوس روی هر کدوم رفت یه صدای تیک بده .

از دوستان کسی نمیدونه ؟

[cyrusthegreat]

دوست عزیز

برای اجرای یک صدا شما از CSS نمی تونید استفاده کنید. بلکه می بایست از JavaScript یا از Flash برای اینکار استفاده کنید. برای استفاده از Javascript شما یه سر به اینجا (http://www.javascriptkit.com/script/script2/soundlink.shtml) بزنید.