jQuery 向上弹出式菜单

Slide Up Menu / jQuery 向上弹出式菜单

The jQuery Slide Up Menu it’s a good alternative to other existing menus giving the possibility to position the menu on the bottom of your header image or at the bottom of the window, acting like Windows Start Menu. You can let it behave like a normal menu or you can add HTML code inside and put whatever you want inthere

jQuery的向上滑动菜单,这是一个很好的替代现有的可能定位在你的头部图像的下面或在窗口底部的菜单上,就像Windows的“开始”菜单的菜单。 你可以把它像一个普通的菜单, 或者你可以添加HTML代码或者任何你想要的放里面。

Options / 设置

slideUpSpeed / 上弹速度

Number of milliseconds to slide up the submenu items Default: 500

slideDownSpeed / 回收速度

Number of milliseconds to slide down the submenu items Default: 500

ease

Ease animation effect Default: easeInOutCubic (supported without jquery.ease plugin)

Use false to remove the animation ease.
To use any other animation pls use the jQuery Easing Plugin

stopQueue / 停止动画队列

Stop or continue animation on event change Default: true 

Stopping the queue animation will provide a faster visual feedback when sliding trough the menu items although the effects may appear snappier. Using stopQueue false you may get animations executing long after you hovered the item (if the user will rapidly and repeatedly hover the mouse over the menu items).

Usage / 怎么使用

HTML HEAD code / Html 头部调用的代码

<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script> //if needed
<script type="text/javascript" src="jquery.slideup.menu.1.0.min.js"></script>

HTML BODY code / html 菜单的代码

<div class="top-menu">
<ul class="top-menu-main">
  <li class="first">
    <ul class="top-submenu">
      <li class="first">Subitem 1.0</li>
      <li class="">Subitem 1.1</li>
      <li class="">Subitem 1.2</li>
      <li class="">Subitem 1.3</li>
      <li class="last">Subitem 1.4</li>
    </ul>
    <a href="#" class="menu-item-text">Item 1</a>
  </li>
  <li class="">
    <ul class="top-submenu">
      <li class="first">Subitem 2.0</li>
      <li class="">Subitem 2.1</li>
      <li class="last">Subitem 2.2</li>
    </ul>
    <a href="#" class="menu-item-text">Item 2</a>
  </li>
  <li class="">
    <ul class="top-submenu">
      <li class="first">Subitem 3.0</li>
      <li class="last">Subitem 3.1</li>
    </ul>
    <a href="#" class="menu-item-text">Item 3</a>
  </li>
</ul>
</div>

Javascript code / 执行代码

<script>
var opts = {slideUpSpeed:500, slideDownSpeed: 200};
$(document).ready(function(){
  $(".top-menu").slideupmenu(opts);
});
</script>

 

1,189 thoughts on “jQuery 向上弹出式菜单

  1. Best Webcams

    of course like youir web-site but you have to take a look at the spelling on several
    of your posts. Sevral of them are rife with spelling issues and I in finding it very troublesome to inform the reality on the other hand I’ll certainly come back again.

  2. ankara nakliyat firması

    Ankara Nakliyat Firması olarak biliyoruzki Evden eve nakliyat zor ve profesyonellik gerektiren bir iştir. Yetiştirilmiş eleman kadrosu, kapalı kasa araçlar, sigortalı taşımacılık, özenle seçilmiş paketleme malzemeleri, ücretsiz expertiz hizmeti, eşyalarınızın demontaj ve montaj işlemleri, tam zamanlı çalışma ve müşteri, memnuniyetini en ön planda tutmak gibi bir çok birikime sahibiz. Biliyoruz ki işinizi en güzel şekilde yerine getirecek firma biziz. Uzman kadromuz ve egitimini almış personellerimiz ile evden eve nakliyat, büro – ofis taşımacılığı, kurumsal nakliyat hizmeti sunmaktayız.

  3. this blog page

    I am reguloar visitor, how are you everybody?
    This paragraph posted at this web site is really fastidious.

  4. elit etiler escort

    Hello, after reading this remarkable paragraph i am as
    well delighted to share my know-how here with colleagues.

  5. Ýstanbul Escort

    Greaqt beat ! I wish to apprentice at the same time as you amend yoour site, how can i subscribe for a blog web site?
    The account helped mme a appropriate deal. I had been a little bit famiiar of this your broadcast provided vivid transparent idea

  6. antalya Escort bayan

    With havcin so much written content do you ever run into any problems
    of plagorism or copyright violation? My website has a
    lot of unique content I’ve either written myself or outsourced but it
    appears a lot of it is popping it up all over the web
    without my agreement. Do you know any techniques to
    help potect against content from bwing stolen? I’d certainly
    appreciate it.

  7. sa

    I cannot thank you enough for the blog post.Really looking forward to read more. Awesome.

  8. sa

    A big thank you for your blog article.Thanks Again. Want more.

  9. pdf Service manuals for Vehicle

    Definitely imagine that that you said. Your favorite reason seemed to be at the
    web the simplest factor to understand of. I say to you, I
    certainly get annoyed while people think about worries that they
    just don’t recognize about. You managed to hit the nail upon the highest and also defined out the entire thing without having side-effects , other folks
    could take a signal. Will probably be back to get more.
    Thank you

  10. clymer repair manuals for Vehicle

    I will right away grab your rss feed as I can’t in finding
    your e-mail subscription hyperlink or newsletter service.
    Do you’ve any? Please permit me know so that I could subscribe.
    Thanks.

  11. Reggie

    Hey! This post couldn’t be written any better! Reading this post reminds me
    of my old room mate! He always kept chatting about this.
    I will forward this post to him. Pretty sure he will have
    a good read. Thank you for sharing!

  12. sa

    I appreciate you sharing this blog article. Much obliged.

  13. Ebook Service Manuals For Bike

    Do you mind if I quote a few of your posts as long as
    I provide credit and sources back to your website? My blog
    is in the exact same area of interest as yours and my users would really benefit from a lot of the
    information you provide here. Please let me know if this okay with you.
    Thank you!

  14. Chilton Repair Manuals For Vehicle

    Howdy very nice website!! Guy .. Excellent .. Wonderful ..
    I’ll bookmark your website and take the feeds additionally?
    I’m glad to search out so many helpful information here within the submit, we want work out more
    techniques in this regard, thanks for sharing. . . . . .

  15. Chilton Service manuals for suv

    I think this is among the so much vital info for me.
    And i’m satisfied reading your article.
    However want to remark on few common things, The site style is
    great, the articles is truly excellent : D. Good activity, cheers

  16. Natisha

    Do you mind iif I quote a coujple of your posts as long as I provide credit and sources back tto your website?
    My website is in the exact same area of interest as yours and my visitors would really benefjt from some
    of the information you provide here. Please let me know
    iif this ok with you. Thanks!

  17. Brayden

    Please let me know iff you’re looking for a writer for your site.
    You have some really gret posts and I feel I would be a good asset.
    If you ever want to take some of the load off, I’d absolutely love to write some
    articles for your blog in echange ffor a link back tto mine.
    Please blast me an e-mail if interested. Cheers!

  18. Curtis

    Fantastic goods from you, man. I’ve understand
    your stuyff previous to and you’re just too magnificent.
    I actually loke what you have acquired here, really like what you’re
    saying and the way iin which you say it. You make it entertaining
    and you stikl care for to keep it wise. I can’t wait
    too read far more frpm you. Thiss is actually a wonderful website.

  19. free repair manuals for bike

    Heya i’m for the first time here. I found this board and I find It truly useful & it helped me out a lot.
    I hope to give something back and aid others like you helped me.

  20. Tangela

    Hello! I couod have sworn I’ve been too this site before but after browsing through some of the post I realized it’s new to me.
    Nonetheless, I’m definitely glad I foound it and I’ll bee book-marking and checking back frequently!

  21. Casey

    Thanks iin favor of shasring sjch a pleasant opinion, paragraph is pleasant, thats
    why i have read it entirely

  22. Noel

    Good day! I know this is kind of off topic but I was wondering
    which blog platform are you using for this website?
    I’m getting tired of WordPress because I’ve had problems with hackers and I’m looking at alternatives foor another platform.

    I would be awesome if you could point mee in thee direction of a good platform.

  23. Sling TV

    Hey there! This post could not be written any better!

    Reading this post reminds me of my good old room mate!
    He always kept talking about this. I will forward this write-up
    to him. Fairly certain he will have a good read. Thank you for sharing!

  24. Haynes service Manuals for suv

    Superb blog! Do you have any tips for aspiring writers?
    I’m planning to start my own blog soon but I’m a little lost on everything.
    Would you suggest starting with a free platform like WordPress
    or go for a paid option? There are so many choices out there that I’m totally confused ..
    Any tips? Cheers!

  25. κατασκευή ιστοσελίδων

    Thanks on your marveslous posting! I quite enjoyed reading it,
    you are a great author. I wll make sure to bookmark our blog and will ofren come back later in life.
    I want tto encourage you to continue your great work, have a nice holiay
    weekend!

  26. sa

    A big thank you for your blog article.Thanks Again. Want more.

  27. sa

    I cannot thank you enough for the blog post.Really looking forward to read more. Awesome.

  28. Mirei Morishita

    Very well written information. It will be helpful to anybody who employess it, as well as yours truly :). Keep up the good work – i will definitely read more posts.

  29. Uncensored

    Wonderful blog you have here but I was wanting to know if you knew of any message boards that cover the same topics discussed in this article? I’d really love to be a part of group where I can get responses from other knowledgeable people that share the same interest. If you have any recommendations, please let me know. Bless you!

  30. Maxing

    Hello my friend! I wish to say that this article is amazing, nice written and include approximately all vital infos. I’d like to see more posts like this.

  31. sa

    A big thank you for your blog article.Thanks Again. Want more.

  32. quest bars cheap

    Quest bars cheap fitnesstipsnew1 quest bars cheap 516999410492780544 quest bars cheap
    I every time emailed this blog post page to all my friends, for the reason that if like
    to read it next my links will too. Quest bars cheap fitnesstipsnew1 quest
    bars cheap 516999410492780544 quest bars cheap

Comments are closed.