ورود

View Full Version : سوال: چطوری میشه روی آیتم های ul li با دکمه های بالا و پایین حرکت کرد؟


combo_ci
یک شنبه 28 تیر 1394, 17:04 عصر
سلام دوستان
میخواستم ببینم کسی میدونه چطوری میشه روی آیتم های ul li با دکمه های بالا و پایین حرکت کرد؟
رد واقع من یک div دارم که مخفی هست و در حالت های خاصی اونو نشون میدم

<div id="submenu">
<ul class="v-menu">
<li id="li1"><a href="#">1</a></li>
<li id="li2"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>


ul.v-menu li {
padding: 5px;
margin-bottom: 5px;
font-size: 20px;
}

ul.v-menu li:hover {
padding: 5px;
margin-bottom: 5px;
text-decoration: underline;
text-shadow: 3px 2px 5px rgba(0,0,0,1);
font-size: 26px;
}

ul.v-menu a {
text-decoration: none;
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
}

حالا وقتی این div رو با کد جی کویری Show() میکنم میخواستم با زدن دکمه بالا یا پایین یکی یکی کلاس hover به li ها نسبت داده بشه ...مثل اینکه با موس روی انها حرکت میکنیم...در ضمن من امکان استفاده از موس رو ندارم
خودم این کد رو نوشتم اما کار نمیکه

$("#submenu ul").removeClass('ul')
$("#submenu li:nth-child(1).item").removeClass('hover')
$("#submenu li:nth-child(1).item").addClass('hover')
$("#submenu ul").addClass('ul')
ممنون
ravand
دوشنبه 29 تیر 1394, 08:32 صبح
شاید این مثال بدردت بخوره:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).keydown(function(e){
if (e.keyCode == 37) {
alert( "دکمه ی سمت چپ" );
}
});
</script>
</head>
<body>
</body>
</html>
combo_ci
چهارشنبه 31 تیر 1394, 11:38 صبح
اره ولی چطوری یک ایتم رو سلکت select کنم؟
ravand
چهارشنبه 31 تیر 1394, 11:45 صبح
$(".slideshow ul li:nth-child(1)").css({"border":"3px #CCCCCC solid"});
متغییرم بخوای بهش بدی اینطوریه:

$(".slideshow ul li:nth-child(" + (x) +")").css({"border":"3px #CCCCCC solid"});