سوال: تغییر رنگ زمینه لینک [بایگانی]

rash44

جمعه 20 فروردین 1389, 15:57 عصر

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

با این کد این کار رو انجام میدم اما فقط background نوشته تغییر رنگ داده میشه

a:hover { font-family: Tahoma; font-size: 9pt; color: #FFFFFF; font-weight: bold;
border: 1px solid #FFFFFF; padding-left: 4px; padding-right:
4px; padding-top: 1px; padding-bottom: 1px; background-color:
#006699 }

exlord

جمعه 20 فروردین 1389, 17:10 عصر

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

با این کد این کار رو انجام میدم اما فقط background نوشته تغییر رنگ داده میشه

a:hover { font-family: Tahoma; font-size: 9pt; color: #FFFFFF; font-weight: bold;
border: 1px solid #FFFFFF; padding-left: 4px; padding-right:
4px; padding-top: 1px; padding-bottom: 1px; background-color:
#006699 }

باید از جاوا اسکریپت استفاده بکنی با css خالی نمیشه ...

rash44

جمعه 20 فروردین 1389, 17:54 عصر

سلام
لطفا اگر امکان داره 1 نمونه کد برای این کار معرفی کنید
ممنون

exlord

جمعه 20 فروردین 1389, 21:12 عصر

<div ><a id="a1" href="#" onmouseover="chColor(this.id,'over');" onmouseout="chColor(this.id,'out');">asd</a></div>

function chColor(a, st) {
if (st == 'over')
document.getElementById(a).parentNode.style.backgr oundColor = 'Blue';
else if(st == 'out')
document.getElementById(a).parentNode.style.backgr oundColor = 'White';
}

Rejnev

جمعه 20 فروردین 1389, 21:35 عصر

سلام
منظور از سطر چیه؟
اگه لینک رو توی div بندازین یا در یک سلول از جدول باشه، با استفاده از css و استفاده از کلاس های کاذب به راحتی بدون هیچ کد جاوایی قابل انجامه. بطوری که بکگراند تگی که لینک در اون قرار داره رو تغییر میدیم.
فرض رو براین میگیرم که در جدول قرار دارن و میخوایم رنگ td ای که لینک در اون قرار داره رو تغییر بدیم.

...
<style ...>
.linkPanel td:link
{
background-color:white;
}

.linkPanel td:hover
{
background-color:blue;
}

.linkPanel td:active
{
background-color:red;
}

.linkPanel td:visited
{

}
</style>...
</head>

<body>
<table>
<tr class="linkPanel">
<td>every thing</td>
<td>include spans</td>
<td>and A's</td>
<td>and what ever you want</td>
<td>background of this td tags will be changed in most browsers...</td>
</tr>
</table>
</body>