样式Twitter如何弹出

Question

我使用以下代码在我的博客中添加了一个Twitter分享按钮:

<a class="twitter popup" href="http://twitter.com/share?text=mytext">Tweet Me</a>

然后我用弹出窗口打开它:

    <script type="text/javascript">
 $('.popup').click(function(event) {
    var width  = 575,
        height = 400,
        left   = ($(window).width()  - width)  / 2,
        top    = ($(window).height() - height) / 2,
        url    = this.href,
        opts   = 'status=1' +
                 ',width='  + width  +
                 ',height=' + height +
                 ',top='    + top    +
                 ',left='   + left;

    window.open(url, 'twitte', opts);

    return false;
  });</script>

有一种方式来设置弹出窗口的样式吗？我希望我的样式弹出窗口中包含twitter形式.

Answer 1

如果你想完全控制外观,那么Twitter的@anywhere Tweet Box就是你需要实现的.好吧,无论是那个或获得一个Twitter客户端库并推出自己的方法.

使用@anywhere将要求您在dev.twitter.com上设置应用程序,并且您的用户需要授权您的应用发布推文,但这是您为灵活性付出的代价.

Twitter Web Intents可能是您的替代方案,但弹出窗口中显示的布局将是Twitter,而不是您的.但是,由于您没有申请注册要求,因此值得一提.

Web Intents提供弹出优化流程,以便与Tweets和Twitter用户一起使用:Tweet,Reply,Retweet,Favorite和Follow.它们使用户可以在您的网站环境中与Twitter内容进行交互,而无需离开页面或仅为交互授权新应用程序.

Answer 2

如果您只是在标准浏览器窗口/选项卡中打开页面内容，则您对其外观没有太多控制权。如果您在同一浏览器窗口中弹出它，您可以获得更多控制和样式选项，但可能以灯箱方式弹出。以下是一些您可能想要查看的 lightboxy jQuery 插件：

http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts