关于http://www.chinasurfreport.com的主页。将鼠标悬停在图像上时,将弹出社交共享链接。主要问题是默认div为<div class="bshare-custom">
,并且因为我想为该div使用两种不同的样式(边栏也是如此,如您所见,效果很好),我要么必须:
将div更改为<div class="bshare-cn">
,正如我在网站上看到的那样。但似乎无法使用JavaScript。
使用<div class="bshare-custom">
并设置其样式。但是看来您不能给1 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>
The javascripts:http://www.chinasurfreport.com/javascripts/buttonLite.js/ bshareC0.js
是否可以简单地在元素中添加其他CSS类?例如:<div class="bshare-custom bshare-cn">
或<div class="bshare-custom styleX">
.bshare-custom:nth-child(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项目:GitHub: Social Share URLs