javascript - Jquery menu slide up from from bottom of screen on hover -
i want show menu phrases "music, newsletter, contact" fixed @ bottom of screen. on hover want them slide , reveal hidden content. here's mean:
see bottom of screen. know how accomplished? thank you.
p.s. also, know type of mp3 player is?
put hidden content div such as;
<div class="hiddencontent">...</div>
then give links @ bottom of page class such as;
<a href="#" class="bottomlink">music</a>
then tell jquery show hidden content when hover on link;
$('.bottomlink').hover( function () { // show hidden content if not showing if($('.hiddencontent').css('display') == 'none') { $('.hiddencontent').slideup('slow'); } }, function () { // nothing when mouse leaves link $.noop(); // nothing } ); // close menu when mouse leaves hidden content $('.hiddencontent').mouseleave(function () { $('.hiddencontent').slidedown('slow'); });
Comments
Post a Comment