ورود

View Full Version : سوال: CSS



joker..
یک شنبه 17 شهریور 1392, 18:34 عصر
سلام،
من مخوام css یکی از المنت هام در حال اجرای برنامه عوض شه.
مثلا color یک تگ <p> با کلیک بر روی یک button عوض شه یا مثلا وقتی cursor ماوس میره روش

omidparkour
یک شنبه 17 شهریور 1392, 18:49 عصر
سلام
اگه سوالتون رو درست فهمیده باشم اینطوری:

.alaki{color:#ffffff}
.alaki:hover{color:#225577}


این هم اچ تی ام ال :


<p class="alaki">salam</p>

Omid Jackson
یک شنبه 17 شهریور 1392, 19:44 عصر
برای یه سری عملیاتا مثلا کلیک کردن روش یا رفتن روی المنت میتونین از همون CSS استفاده کنین اما فقط رو خودش میشه کاری کرد:
http://w3schools.com/cssref/css_selectors.asp
ولی وقتی میخوای روی یه المنت کلیک کنین یه خاصیت المنت دیگه عوض بشه باید از جاوا اسکریپت استفاده کنین
مثلا با کلیک برروی button رنگ یه p عوض شه با استفاده از onclick و گرفتن آیدی و استفاده از استایل رنگ رو عوض کنین:


script:
function changeColor() {
var p = document.getElementById("test").style;
p.backgroundColor = "#0000FF";
}

html:
<input type="button" value="change" onclick="changeColor();">
<p id="test">Test Color</p>