رفتن به مطلب

درخواست کد سی اس اس


پست های پیشنهاد شده

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


<body>
<center>
<div class="top-menu">
</div>
<input type="butten" value="بازشدن" class="javad">
<style>
.top-menu {
width: 100px ;
height: 100px ;
background: orange ;
}
</style>
</center>
</body>

مثلا اینجوری حالا اگر جایی اشتباه داشت ببخشید روی کاغذ برام نوشته بود داده بود بهم خیلی هم بد خط نوشته بود نفهمیدم چی نوشته

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

خیلی ممنون که کمک می کنید.

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

لینک به ارسال

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


<html>
<head>
<style>
.top-menu {
width: 100px ;
height: 100px ;
background: orange ;
}
</style>
</head>
<body>
<center>
<div class="top-menu">
<input type="butten" value="بازشدن" class="javad">
</div>
</center>
</body>
</html>

بعد شما برای کاری که گفتید باید از دستور hover استفاده کنید.یعنی کد استایل دکمه را نوشته و جلوی آن hover را می نویسید و قبل از </style> قرار بده.


.mmm{
استایل دکمه قبل از آوردن موس
}
.mmm:hover{
استایل دکمه بعد از آوردن موس روی آن
}

ویرایش شده توسط alireza1375
لینک به ارسال

به این شکل میشه حالت هاور رو تایین کرد.. (حالت هاور یعنی وقتی که موس رفت روی اون...)


.top-menu:hover{
}

برای موقعی که میخواین وقتی روش کلیک کرد انجام بده...


top-menu:focus{
}

برای حالت بعد انتخاب..


.top-menu:visited{
}

لینک به ارسال

دوستان ببخشید دقت نکردید نگاه کنید فکر کنید ما یک top-menu داشته باشیم یک دکمه

ما می خواهیم وقتی فرد روی دکمه کلیک کرد یا رفت روش دکمه

انوقت top-menu رنگش عوض بشه یا اندازش تغییر کنه

روی خود top-menu اگر بخواد کلیک بشه یا روش بره موس که کاری نداره

لینک به ارسال

<style>
#top-menu {
background:red;
}
#top-menu:target {
background: blue;
}
</style>
<div id="top-menu">
...
</div>
<br>
<a href="#top-menu">link</a>

لینک به ارسال

خیلی خیلی باحال بود

فقط یه سوال

میشه با سی اس اس کاری کرد که حالت رفت و برگشتی باشه

منظورم مثل toggle در جی کوئری

یعنی وقتی مثلا رو دکمه کلیک شد پس زمینه قرمز بشه وقتی دوباره روش کلیک میشه برگرده به حالت اول

لینک به ارسال

به صورت مستقیم نمی شه ولی با ترفند می شه البته لینک باید داخل عنصر باشه

مثلا

http://jsbin.com/asiloRO/2/

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...