javascript - 用于链接的 Javascript 扩展功能区

Question

我正在寻找像丝带一样的东西来扩展我的网站。它必须在页面的中间，而不是在屏幕的一侧。所以它应该是丝带的一小块，上面有更多的字样，然后它会在点击时滑开。这就是问题所在。我找到了这个http://jsfiddle.net/DcWS2/10/，它做了我想要的，但只是在旁边。我还希望它可以将点击时的文本从更多更改为 facebook、twitter 等链接。

非常感谢您的帮助。

小提琴代码如下，因为没有它我无法发布链接：

$(document).ready(function(){
var r=0, dir=true;
$(".slide").click(function() {
    dir = !dir;
    r = dir? -280 : 0;
    $(this).stop().animate({left: r+'px'}, 800);
});

});

// http://www.w3schools.com/cssref/pr_pos_right.asp