پاسخ داده شد
0
0

چگونه می توانیم زمانیکه موس خود را بر روی بخش هایی از سایت حرکت می دهیم رنگ آن قسمت را تغییر دهیم؟

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

برای اینکار از تکنیک hover استفاده می کنیم.این تکنیک می تواند برای همه بخش های سایت مانند دکمه ها، لینک ها،متن ها، آکون ها و سایر قسمتها استفاده شود.با استفاده از این تکنیک زمانیکه فرد موس را بر روی چیزی حرکت دهد رنگ و یا فونت آن تغییر می کند.از این تکینک بصورت زیر استفاده می کنیم

p:hover, h1:hover, a:hover {
  background-color: blue;
  font-size: 150%
}

p , h و a المانهای مورد نظر ما می باشند.

در مثال زیر با استفاده از این تکنیک رنگ و فونت یک لینک را در شرایط مختلف تغییر دهیم

<html>
<head>
<style>
/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: red;
 }

/* selected link */
a:active {
  color: yellow;
} 
</style>
</head>
<body>

<p>visit the website: <a href="https://mustang.ir/questions/">https://mustang.ir/questions</a></p>

</body>
</html>

در اینجا گفتیم که زمانیکه هنوز لینک بازدید نشده رنگ آن آبی، زمانیکه بازدید شد رنگ آن سبز،زمانیکه موس را بروی لینک حرکت دادیم رنگ آن قرمز و زمانیکه بر روی آن کلیک کردیم زرد شود.

  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت