انجمنصفحه اولجستجوی انجمن

[vesta]

سلام
فرق بین hover و focus در چیست؟ محل استفاده اشون چه فرقی با هم داره؟

[MiladCr7]

سلام .ببینید hover بیشتر برای لینک ها استفاده میشه و به این معنیه که وقتی که اشاره گر موس روی اون لینک میره این میشه hover .ولی focus برای تگ های input کاربرد داره.از جمله تکست باکس ها .و به این معنیه که وقتی که مثلا توی اون تکست باکس کلیک میکنیم و اشاره گر نوشتن رو داریم یعنی اینکه فوکوس روشه .
۲ تا عکس زیر رو ببینید :
فرض کنید یه همچین کدی رو نوشتیم

کد php:

a:hover {
    background-color: yellow;
} 


الان توی اسن کد نوشتیم وقتی اشاره گر موس روی هر لینکی رفت بیاد و رنگ پس زمینه ما رو زرد رنگ کنه
حالا اگه تو صفحه یه لینک داشته باشیم و اشاره گر موس روش بره اینشکلی میشه :


یعنی وقتی اشاره گر موس روی لینک رفت رنگ پس زمینه لینک عوض شد .این از Hover
________________
برای focus هم کد زیر رو داشته باشید

کد php:

input:focus { 
    background-color: yellow;
} 


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


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