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>

有一种方法可以设置弹出窗口的样式吗？我希望我的样式弹出窗口中包含推特形式。

Answer 1

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

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

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

Web Intents提供弹出优化使用Tweets＆amp; Twitter用户：推文，回复，转发，收藏，并关注。他们成功了用户可以与之交互 Twitter内容在你的背景下网站，不离开页面或必须授权一个新的应用程序互动。

Answer 2

如果您只是在标准浏览器窗口/标签页中打开页面内容，则无法控制其外观。如果您在同一个浏览器窗口中弹出它，可能会以灯箱方式弹出更多的控件和样式选项。以下是一些您可能想要查看的轻量级jQuery插件：

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

Answer 3

为什么不使用Twitter提供的“推文按钮”，它会处理所有事情......

http://dev.twitter.com/pages/tweet_button

Answer 4

你可以：

使用Twitter API代表您的用户发布消息。通过这种方式，您可以完全控制功能/标记，但这也意味着让您的用户授权您的应用，并且大多数用户都可以对此进行修改。
创建一个与推文页面（http://twitter.com/intent/tweet?text=mytext）具有相同输入元素/名称的<form>。这肯定会破坏，因为他们可以随时更改所需的参数而不会发出警告。

然而：我不推荐任何这些，因为两者都会驱使用户离开。默认和官方Twitter页面对他们来说很熟悉，他们更有可能从中发布内容。此外，在twitter.com域上，他们（好吧，其中一些）给予了安全感。

样式Twitter如何弹出

4 个答案: