Farzad

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

8 پست در این موضوع قرار دارد

سلام

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

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

نمونه:


<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>

به اشتراک گذاری این پست


لینک به پست

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


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

به اشتراک گذاری این پست


لینک به پست

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>

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری