ورود

View Full Version : سوال: تغییر رنگ سطر های جدول در زمان وارد شدن ماوس


ArtMiz
جمعه 12 شهریور 1389, 01:41 صبح
درود به دوستان
چه جوری میشه وقتی ماوس روی یه سطر جدول میره رنگشو متمایز کرد. یه نمونش phpmyadmin هستش که وقتی رو سطرهاش میری رنگش عوض میشه یا وقتی هر جای یه سطر کلیک می کنی انتخاب میشه. میشه راهنماییم کنین.
hamiii
جمعه 12 شهریور 1389, 13:54 عصر
وقتی موس روی یک المان قرار میگیره از خصوصیت hover که جزء وقایع موس میباشد میشه استفاده کرد.(بهش کلاس کاذب hover هم گفته میشه)

این المان میتونه یه لینک ، متن یا هر باکس خاصی باشه.
برای اینکه رنگ پس زمینه یک خط تغییر کنه باید تو کلاس hover بک گراند رو به رنگ مورد نظر بنویسیم.

مثال زیر رو ببینید:


<style>
a:link{color:#000; text-decoration:none}
a:hover{ color:#fff; background:#999; text-decoration:none}
</style>
<a>EX; hover me to change my background color! </a>
ArtMiz
جمعه 12 شهریور 1389, 15:04 عصر
ممنون از جوابت. چیزی که منظوره من بود اینه که چه جوری موس وقتی روی یه قسمت از سطر جدول میره رنگ اون سطر عوض شه. ماوس hover داره ولی واسه ی این وضعیت چکار کنم؟
binyaft
جمعه 12 شهریور 1389, 16:14 عصر
با جی کئوری این کار به صورت کراس بروزر میشه خیلی هم اسونه
ali_za
جمعه 12 شهریور 1389, 19:11 عصر
با سلام دوست عزيز
اين همون چيزي كه مي خواستي
حد اقل يك ساعتي وقتم رو گرفت:متفکر::متفکر:
لطفا فايل رو مستقيم باز نكنيد ابتدا save نموده و سپس با راست كليك روي فايل extract here رو بزنيد
hamiii
جمعه 12 شهریور 1389, 20:59 عصر
ممنون از جوابت. چیزی که منظوره من بود اینه که چه جوری موس وقتی روی یه قسمت از سطر جدول میره رنگ اون سطر عوض شه. ماوس hover داره ولی واسه ی این وضعیت چکار کنم؟

مثال ali_za رو دیدم متوجه منظورتون شدم.به هر حال ایشون زحمتشو کشیدن.:لبخندساده:
ArtMiz
یک شنبه 14 شهریور 1389, 13:32 عصر
حاجی همینه. دمت گرم. مرام کشم کردی:قلب:
$ M 3 H R D A D $
یک شنبه 14 شهریور 1389, 16:28 عصر
من از سورس بالا الگو گرفتم اما تو سرچی که میکردم خیلی را های راهت تری پیدا کردم

مقدار پیشفرض بده به سطرت ( رنگ و زمینه ) بعد تو سی اس اس :


<
style type="text/css">
table tr:hover{
background-color:blue;
color:lime;
}


</style>



از اینی که نوشتمم استفاده کن :http://csa-iausari.com/admin/index.php
ali_za
یک شنبه 14 شهریور 1389, 17:54 عصر
من از سورس بالا الگو گرفتم اما تو سرچی که میکردم خیلی را های راهت تری پیدا کردم

مقدار پیشفرض بده به سطرت ( رنگ و زمینه ) بعد تو سی اس اس :


<
style type="text/css">
table tr:hover{
background-color:blue;
color:lime;
}


</style>

از اینی که نوشتمم استفاده کن :http://csa-iausari.com/admin/index.php




با سلام دوست عزيز
من ابتدا فقط با css نوشتمش روي فاير فاكس جواب داد ولي توي ie6 جواب نداد من مجبورم شدم از jquery استفاده كنم كد شما رو هم تست كردم توي IE6 جواب نميده !!!!!!:گریه:
باتشكر
$ M 3 H R D A D $
یک شنبه 14 شهریور 1389, 20:34 عصر
آها یادم نبود تست بگیرم !
مال من چون صفحم ادمینه مهم نیست کجا اجرا بشه ممنون