sepide_68_91
شنبه 11 خرداد 1392, 16:26 عصر
سلام
من یه منو دارم که وقتی موس روی هر ایتمش میره یک خط نوشته ظاهر میشه اما وقتی هم موس روی هیچ کدوم نیست نوشته باقی میمونه..!!
کسی میدونه چطور میشه وقتی که موس روی هیچ منویی نیست چیزی ظاهر نشه؟؟؟
خواهش می کنم کمک کنید
ضمیمه نمیشه..
این کد جی کوئری
jQuery(document).ready(function(){
jQuery("div.menu li")
.mouseenter(function(){
var elclass = jQuery(this).attr('class');
jQuery("div.text div").hide();
jQuery("div.text div." + elclass + "").fadeIn("fast");
})
.mouseleave(function(){
var elclass = jQuery(this).attr('class');
jQuery("div.text div." + elclass + "").hide();
jQuery("div.text div").fadeIn("fast");
})
;
});
کد نوشته ها
<div class="text">
<div class="default">  </div>
<div class="home"><img src="images/1.jpg" /></div>
<div class="Flights"><img src="images/2.jpg" /></div>
<div class="Events">EventsEventsEventsEventsEventsEvents</div>
<div class="Hotels">HotelsHotelsHotelsHotelsHotelsHotels</div>
<div class="Restaurants">RestaurantsRestaurantsRestaurants</div>
<div class="Transport">TransportTransportTransportTransport</div>
<div class="Settings">SettingsSettingsSettingsSettingsSettings</div>
</div>
اینم فایل css
@charset "UTF-8";
/*
CSS Image Based Rollover Menu
StudentWebHosting.com
*/
body{
background: url(images/bg.jpg);
}
#menu{
width:675px; /*---Give our UL a width ---*/
list-style:none; /*--- Makes the bullets go away ---*/
margin:0; /*--- Take out any default margin on the UL tag ---*/
padding:0; /*--- Take out any default padding on the UL tag ---*/
margin:0 auto; /*--- Center the menu ---*/
}
#menu li{
float:left; /*--- Make the list go horizontal ---*/
margin:0;
}
#menu li a{
display:block; /*--- Make the entire button are clickable rather than the text alone ---*/
text-indent: -9999px; /*--- Push the text off screen to hide text---*/
overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
height:33px;
}
/*
The following rules place the "normal"
state image as the background for our anchor tags
*/
#menu li#home a{
background: url(images/home.jpg) no-repeat;
width:81px;
}
#menu li#flights a{
background: url(images/flights.jpg) no-repeat;
width:79px;
}
#menu li#flights a{
background: url(images/flights.jpg) no-repeat;
width:79px;
}
#menu li#events a{
background: url(images/events.jpg) no-repeat;
width:82px;
}
#menu li#hotels a{
background: url(images/hotels.jpg) no-repeat;
width:85px;
}
#menu li#restaurants a{
background: url(images/eats.jpg) no-repeat;
width:113px;
}
#menu li#transport a{
background: url(images/transport.jpg) no-repeat;
width:95px;
}
#menu li#settings a{
background: url(images/settings.jpg) no-repeat;
width:131px;
}
.text{
width:675px;
margin:auto;
height:33px;
overflow:hidden;
padding:30px;
}