wSaman

تبدیل Hover به onClick ??

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

سلام

من میخواستم بدونم میشه کدهای css که توی قسمت hover انجام میشه رو توی onclick ریخت

میخوام وقتی که روی تیتر پست یا هرجایی کلیک میکنن عرض بکگراند زیاد بشه

0

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


لینک به پست

به این صورت :

.myclass:focus{code...} 

4

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


لینک به پست

Focus جواب نداد

ویرایش شده در توسط wSaman
0

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


لینک به پست

رویداد کلیک CSS ندارد

یا باید از js استفاده کنید یا http://www.ryancollins.me/?p=1041

2

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


لینک به پست

اون چیزی که میخوام اینه


<!DOCTYPE html>
<html>
<head>
<style>div { width:50px; height:70px; float:left; margin:5px;
background:rgb(255,140,0); cursor:pointer; } </style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div></div>
<div></div>

<div></div>
<div></div>
<div></div>
<script>$("div").one('click', function () {
$(this).height(30)
.css({cursor:"auto", backgroundColor:"green"});
});</script>

</body>
</html>

استیل من :

#post-c

ویرایش شده در توسط wSaman
0

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


لینک به پست

این جکوئری را تست کنید


<script>$("#post-c").one('click', function () {
$(this).height(30)
.css({cursor:"auto", backgroundColor:"green"});
});</script>

+ جکوئری را هم در صفحه لود کنید

2

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


لینک به پست

حالا یه مشکل دیگه

فقط روی یک #post-c انجام میشه

درصورتی که توی دمو روی 5 تا divکار میکنه

http://api.jquery.com/height/

مشکل چیه :-?

ویرایش شده در توسط wSaman
0

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


لینک به پست

در مثال براساس تگ هست و برروی هر تگ DIV کلیک شود رویداد رخ میدهد

در کد شما باید با توجه به parent رویداد رخ بدهد

چنین حالتی برای مثال


<script>$("#post li").one('click', function () {
$(this).height(30)
.css({cursor:"auto", backgroundColor:"green"});
});</script>

2

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


لینک به پست

آقا خیلی مردی

دمت گرم

این مشکلم حل شد

تشکر

حالا اگر بخوایم عرضش مثل اول بشه باید چیکار کنیم؟

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

ویرایش شده در توسط wSaman
0

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


لینک به پست

یه راه پیدا کردم که قشنگ هم هست :D


<script>$(".style1 #post-c").on('dblclick', function () {
$(this).height(15)
.css({cursor:"auto", border: "1px solid #eee;"});
});</script>
<script>
$(".style1 #post-c").on( "click", function() {
$(this).height(300)
.css({cursor:"auto", border: "1px solid #eee;"});
});
</script>

ویرایش شده در توسط wSaman
0

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


لینک به پست

میشه کاری کرد که وقتی روی دکمه ای کلیک کردی این دستور ها انجام بشه؟

0

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


لینک به پست

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

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

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

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


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

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

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


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