PDA

View Full Version : متمرکز


olampiad
سه شنبه 23 مهر 1392, 16:37 عصر
سلام
به این تصویر یه نگا بندازید
http://s4.picofile.com/file/7971799458/Capture.png
تو اینجا گفته دکمه من باید سه حالت داشته باشد.
حالا منظور از حالت متمرکز چیست؟
میشه یه توضیح مختصر در مورد این حالت بدبد.
ممنون
Javidhb
چهارشنبه 24 مهر 1392, 13:32 عصر
اینو ببین: http://jsfiddle.net/CYVda/2/
olampiad
چهارشنبه 24 مهر 1392, 21:12 عصر
ببخشین مشکل این کد کجاست که کار نمی کنه.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>inde</title>
<style type="text/css">
#hamid{
width:120px;
height:40px;
background:#FF0;
margin:auto;
list-style:none;
}
</style>
</head>
<body>
<li id="hamid"></li>
<script type="text/javascript">
(function(){
var linkk=document.getElementById('hamid');
linkk.addEventListener('focus',function(){
linkk.style.background='red';
})
})()
</script>
</body>
</html>


ممنون
Javidhb
چهارشنبه 24 مهر 1392, 22:33 عصر
فقط برای اینا میشه از focus استفاده کرد:
<label>, <input>, <select>, textarea>, <button>
olampiad
پنج شنبه 25 مهر 1392, 09:25 صبح
سلام
بخشین من واسه این منو ها چگونه حالت on focuse بزارم.

<nav><ul>
<li><a href="#top"></a><div id="handSymbol"></div></li>
<li><a href="#">About</a></li>
<li><a href="#">41<sup>st</sup> Competition</a></li>
<li><a href="#">40<sup>th</sup> Competition</a></li>
<li><a href="#">Result</a></li>
</ul></nav>

می شه با css اینکار رو انجا م داد.
ممنون.
Javidhb
پنج شنبه 25 مهر 1392, 11:17 صبح
میتونید وقتی موس میره روی منوها از "hover" استفاده کنید.
توی css همون hover


li:hover{
...
}

توی جاواسکریپت هم onmouseover داریم.


لیست کامل رویدادهای جاوااسکریپبن (http://www.w3schools.com/jsref/dom_obj_event.asp)