JQuery"浮动"选项卡,如GetSatisfaction

Question

我想创建一个tab/widget/thingymajiggy,就像这张图片中的反馈一样:

替代文字http://i31.tinypic.com/2m35ic1.png

表现得像这样.我只需要重定向点击,我不需要所有其他的东西.

我一直无法找到一个JQuery插件,这样做 - 但也许我只是不知道正确的术语.

...是的,我只能掠夺得到满足,但我宁愿拥有一个经过良好尝试和测试的JQuery插件.

Answer 1

你真的不需要Javascript.这是通过给元素提供以下位置来实现的fixed:

<a id="floating_link" href="whatever.html">Go Somewhere</a>

#floating_link {
     position: fixed;
     right: 0;
     top: 400px;
     display: block;
     width: 50px;
     height: 125px;
     text-indent: -10000px;
     background-image: url(/my/image.jpg);
     overflow: hidden;
}

不幸的是,IE6不支持fixed.您可以使用此插件来解决这个问题.

如果您不关心IE6,那么您可以使用上面的内容.唯一的区别是IE6会将它视为绝对元素(所以它不会向下滚动页面,这不是什么大问题)

这是一个工作的例子.如您所见,整个区域都是可点击的.