我正在尝试编写一个web应用程序,它在浏览器窗口的右侧有一个窗口小部件的div。我想用一种类似于mac os x dock的风格动态地显示和隐藏这个div。也就是说,我希望小部件div在鼠标靠近时从浏览器窗口的一侧“滑出”,然后在鼠标离开div时“滑回”。
我使用的是JQuery和JQuery UI。
有没有人能给我一些建议,告诉我如何实现这样的东西?
谢谢,
D。
有问题的站点是这个:
当你点击其中一个帖子(任何一个框)时,iframe会从顶部滑动下来,里面有内容。一旦点击了iframe左上角的"Home“按钮,iframe就会滑回原处。这是完美的前2次,在第3次点击一个帖子,内容将滑下来,但当点击主页按钮时,内容滑回正常,但一旦它一直滑到它应该在的位置,iframe直接下降到点击主页按钮之前的位置,我再次点击它,然后它就可以工作了。
下面是我用于向上滑动和向下滑动函数的代码:
/* slide down function */
var $div = $('iframe.primary');
var height = $div
我只是想让我在下拉菜单中选择的任何按钮(颜色)在被点击后保持不变。现在,无论我选择哪种颜色,菜单都会滑回到默认的蓝色。谢谢你的帮助!
下面是我的问题,小提琴如下:
var nav = $("#catpicker");
//add indicators and hovers to submenu parents
nav.find("li").each(function() {
if ($(this).find("ul").length > 0) {
//show subnav on hover