کدی برای تغییر رنگ یک سلول خاص در جدول با قرارگیری ماوس بر روی آن

Z

zakieh

New Member
سلام.

من یک جدول دارم که توی هر سطر اون یک لینک وجود داره. ومی خوام بدون استفاده از عکس وقتی نشانگر ماوس روی اون سطر خاص جدول قرار میگیره رنگ زمینه تغییر کنه.

شبیه آنتی ویروس نود 32 که روی هر عنو.انی که میری کل اون بخش رنگش تغییر میکنه.
وقتی کلیک می کنی هم خوبه.

ممنون
 
Mr.Steres

Mr.Steres

Active Member
HTML: 
td {
	border:1px silver solid;
	background-color:white
}
td:hover {
	border:1px gray solid;
	background-color:silver;
}

کد بالا باید توی تگ style باشه . کارش هم اینه که در حالت عادی حاشیه خونه رو به رنگ silver در میاره که با رفتن موس روش به حاشیه به رنگ gray و بکگراند به silver در میاد ...

نکته : IE6 به غیر از لینک hover نمی شناسه ...
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
در نظر داشته باشید که خصیصه hover برای تگ td در مرورگر IE6 پشتیبانی نمی شود.
 
pouya saadeghi

pouya saadeghi

Active Member
poosteh گفت:
الان دیگه کی IE6 استفاده می کنه ؟
فقط کسی که اینترنت نمیره :lol:
کلیک کنید تا باز شود...

متاسفانه ملت ایران اینقدر تنبل تشریف دارن که یه مرورگر درست وحسابی رو سیستمشون نصب نمی کنن.
4fvgdaq_th.gif
 
pouya saadeghi

pouya saadeghi

Active Member
کد اچ تی ام ال تغییر رنگ سلول جدول:

کد: 
<table width="38%" height="157" border="1" cellpadding="1" cellspacing="1" bgcolor="#FF0000">
<tr>
<td id="mycell" bgcolor="#CCCCCC" onmouseover="document.getElementById('mycell').style.background='#000000'" onmouseout="document.getElementById('mycell').style.background='#cccccc'">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
<td bgcolor="#CCCCCC">&nbsp;</td>
</tr>
</table>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا