Javascript 让社交共享按钮发挥作用

这是关于网站主页的。 当您将鼠标悬停在图像上时，您将看到弹出的社交共享链接。 主要问题是默认的div是

，因为我想为该div使用两种不同的样式（侧边栏，正如您所看到的，它工作得很好），所以我必须：

将div更改为

，如您所见，我在网站上执行了此操作。但似乎无法使用JavaScript

使用

并以不同的方式设置样式。但似乎你不能给一个div多个样式

我尝试更改JavaScript代码，将所有

bshare custom

更改为

bshare cn

，但它似乎不起作用

<div class="bshare-cn">
    <div class="bsPromo bsPromo2"></div>
    <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
    <a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);"></a>
    <a title="分享到QQ空间" class="bshare-qzone"></a>
    <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
    <span class="BSHARE_COUNT bshare-share-count" style="float: none; left: 36px; color: rgb(255, 255, 255);">87</span>
</div>

<div class="bshare-custom">
    <a title="Share on Facebook" class="bshare-facebook">Facebook</a>
    <a title="Share on Twitter" class="bshare-twitter">Twitter</a>
    <a title="Share on Weibo" class="bshare-sinaminiblog">Weibo</a>
    <a title="Share on QQ" class="bshare-qzone">QQ</a>
    <a title="Share on WeChat" class="bshare-weixin">WeiXin</a>
    <a title="More Social Media Platforms" class="bshare-more bshare-more-icon more-style-addthis">+</a>
    <span class="BSHARE_COUNT bshare-share-count" style="float: none; left: 36px; color: rgb(255, 255, 255);">87</span>
</div>

/bshareC0.js
是否可以简单地在元素中添加额外的CSS类？例如：
或
.b共享自定义：第n个子项（1）{
解决了这个问题。这样你就可以为一个分区设置更多的样式。
你只需要创建一个到社交媒体的共享链接就可以了

<a href="SHARELINK">Share On Service X</a>



然后插入正确的值，在这种情况下

<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://example.com&title=My+Title!&summary=This+is+my+summary!">Share on QZONE</a>



实际上我的一个网站的实现

<a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fwww.revoltlib.com%2F&title=RevoltLib+Anarchist+Library&summary=Learn+about+Anarchism!">Share on QZONE</a>



这让我有点像


想随时更新最新的社交共享URL吗？请查看我的GitHub项目：
Java与Javascript不同，更改了标记以适应您的问题我编辑了您的问题，但保留了指向脚本文件的链接，因为它们不完整。