استفاده از css در onclick

[Farzad 3805]

سلام

میخواستم بدونم امکان استفاده از کد های سی اس اس داخل onclick هست ؟

نمونش رو میشه بدید ؟

[Parsa 23463]

چه کاری دقیقا میخواهید انجام دهید؟

[Farzad 3805]

میخواستم بدونم در حالت کلی چطوری باید استفاده بشه یا اصلا قابلیت استفاده رو داره یا نه ...

[Parsa 23463]

خیر نمیشه . فقط js

اگر میخواهید با onclick استایل رو تغییر دهید. امکانش هست

[Farzad 3805]

اگر میخواهید با onclick استایل رو تغییر دهید. امکانش هست

ممکنه یه نمونه بدین ؟

[Parsa 23463]

نمونه:

<script language="Javascript" type="text/javascript">
<!--
function cc1(){
document.getElementById("menu1").style.backgroundI mage="url('active.jpg')";
document.getElementById("menu2").style.backgroundI mage="url('inactive.jpg')";
document.getElementById("txt1").style.color= '#FFFFFF';
document.getElementById("txt2").style.color= '#FF0000';
}
function cc2(){
document.getElementById("menu1").style.backgroundI mage="url('inactive.jpg')";
document.getElementById("menu2").style.backgroundI mage="url('active.jpg')";
document.getElementById("txt1").style.color= '#FF0000';
document.getElementById("txt2").style.color= '#FFFFFF';
}
//-->
</script>

<table width="200" height="100" cellpadding="0" cellspacing="0" border="1">
<tr>
<td id="menu1">
<div align="center"><font face="arial" size=2"><B><a href="#" onclick="cc1()" id="txt1">MENU 1</a></B></font></div>
</td>
<td id="menu2">
<div align="center"><font face="arial" size=2"><B><a href="#" onclick="cc2()" id="txt2">MENU 2</a></B></font></div>
</td>
</tr>
</table>

[mehral 785]

با css3 میشه اینکارو کرد نمونه

http://jsfiddle.net/QFWHz/1/

[imanfakhar 26231]

iهمونطور که دوستمو.ن گفتند سلکتور target می تونه جوری تعریف بشه که کارتون رو انجام بده و سلکتور active هم برای مدتی که روی یک آپشن کلیک را نگه داشته اید می تونه اونرو فراخوانی کنه

<style type="text/css">
a:active {
color:red
}
a:hover {
color:green
}
p:target {
color:yellow
}
</style>
<a href="#p">TEST</a>
<p id="p">TEST2</p>