试图创建一个标签式,弹出式,上升式,页脚式

时间:2013-12-18 22:26:52

标签: html css menu tabs footer

我想在crackerbarrel.com处为页脚创建一个类似的菜单效果,当您将鼠标悬停在它们上方时,底部的标签会向上滚动。它使标签保持在顶部,整个事物向上滑动,有额外的内容空间。

我在CSSplay发现了类似的效果。我想我的主要问题是,这个效果叫什么,所以我可以找到教程?

我一直在寻找“上升”,“上拉”,“下拉变种”,并且今天已经找到了很多很酷的CSS技巧,但并没有特别关注这种效果。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

Jquery SlideUp。这里:Jquery SlideUp

示例:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown

您提供的示例可以使用注册到目标元素的hover处理程序进行。

jquery .hover()

从头开始的更完整的演示:

http://www.mkyong.com/jquery/jquery-slideup-slidedown-and-slidetoggle-example/