ورود

View Full Version : سوال: منو سایت LG


بمب منطقی
یک شنبه 20 تیر 1389, 18:08 عصر
با سلام:

اگه به سایت LG (http://www.lg.com) مراجعه کنید،در سمت راست صفحه منویی رو می بینید که وقتی روش MouseOver میشه ، باز میشه و میتونی از لینکهای این منو استفاده کنی و وقتی کرسر ماوس رو از روش کنار میکشی بسته میشه.این منو از چه componentای استفاده میکنه دوستان؟

با تشکر؟
aspismylove
یک شنبه 20 تیر 1389, 18:10 عصر
این منوها رو خیلی ساده میشه با jQuery درست کرد
ahrimaneahurai
یک شنبه 20 تیر 1389, 21:07 عصر
با اژاکس و حتی css هم میشه.
این کد css هست که منبعش یادم نیست

<html>
<head>
<style>
*{ margin:0px; padding: 0px; }
#nav {
font-family: arial, sans-serif;
position: relative;
width: 390px;
height:56px;
font-size:14px;
color:#999;
margin: 0 auto;
}
#nav ul {
list-style-type: none;
}
#nav ul li {
float: left;
position: relative;
}
#nav ul li a {
text-align: center;
border-right:1px solid #e9e9e9;
padding:20px;
display:block;
text-decoration:none;
color:#999;
}
#nav ul li ul {
display: none
}
#nav ul li:hover ul {
display: block;
position: absolute;
}
#nav ul li:hover ul li a {
display:block;
background:#12aeef;
color:#ffffff;
width: 110px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
}
#nav ul li:hover ul li a:hover {
background:#6dc7ec;
color:#fff;
}
</style>
</head>

<body>
<div id="nav">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">HAbout Me</a></li>
<li><a href="#">Portfolio</a>
<ul>
<li><a href="#">Web</a></li>
<li><a href="#">Print</a></li>
<li><a href="#">Photos</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
ahrimaneahurai
یک شنبه 20 تیر 1389, 21:14 عصر
با جی کوئری هم از توابع mouseover, mouseout , slidewdown, slideup استفاده کنی
بمب منطقی
دوشنبه 21 تیر 1389, 15:28 عصر
فکر نمی کردم به این راحتیا باشه،امتحان می کنم.دستتون درد نکنه:لبخندساده:
ahrimaneahurai
دوشنبه 21 تیر 1389, 16:09 عصر
خواهش می کنم