پاسخ داده شد
چگونه می توانیم زمانیکه موس خود را بر روی بخش هایی از سایت حرکت می دهیم رنگ آن قسمت را تغییر دهیم؟
- فرشته حقیقی 4 سال قبل سوال کرد
- آخرین ویرایش 4 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
برای اینکار از تکنیک 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>در اینجا گفتیم که زمانیکه هنوز لینک بازدید نشده رنگ آن آبی، زمانیکه بازدید شد رنگ آن سبز،زمانیکه موس را بروی لینک حرکت دادیم رنگ آن قرمز و زمانیکه بر روی آن کلیک کردیم زرد شود.
- فرشته حقیقی 4 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما
