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

ariaieboy · آبان 92

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


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

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

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

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

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

alireza1375 · آبان 92

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


<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{
استایل دکمه بعد از آوردن موس روی آن
}

ویرایش شده آبان 92 توسط alireza1375

مرتضی نظری · آبان 92

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


.top-menu:hover{
}

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


top-menu:focus{
}

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


.top-menu:visited{
}

ariaieboy · آبان 92

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

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

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

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

imanfakhar · آبان 92


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

SILENT-NIGHT · آبان 92

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

فقط یه سوال

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

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

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

imanfakhar · آبان 92

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

مثلا

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

ورود

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

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

ariaieboy 691

لینک به ارسال

alireza1375 892

لینک به ارسال

مرتضی نظری 4182

لینک به ارسال

ariaieboy 691

لینک به ارسال

imanfakhar 26231

لینک به ارسال

SILENT-NIGHT 19

لینک به ارسال

imanfakhar 26231

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

فهرست بخش ها

فعالیت ها