JS
window.onload=function(){
$("#bds_weixin1").click(function(){
$("#bds_weixin").click();
});
$("#bds_qzone1").click(function(){
$("#bds_qzone").click();
});
$("#bds_tsina1").click(function(){
$("#bds_tsina").click();
});
}
Html
<img style="cursor: pointer;" id="bds_qzone1"
src="<%=basePath %>static/html_UI/foreground/img/qq_1.png"
onMouseOver="this.src='<%=basePath %>static/html_UI/foreground/img/qq_2.png'"
onMouseOut="this.src='<%=basePath %>static/html_UI/foreground/img/qq_1.png'" />
<img style="cursor: pointer;" id="bds_weixin1"
src="<%=basePath %>static/html_UI/foreground/img/wechat_1.png"
onMouseOver="this.src='<%=basePath %>static/html_UI/foreground/img/wechat_2.png'"
onMouseOut="this.src='<%=basePath %>static/html_UI/foreground/img/wechat_1.png'" />
<img style="cursor: pointer;" id="bds_tsina1"
src="<%=basePath %>static/html_UI/foreground/img/blog_1.png"
onMouseOver="this.src='<%=basePath %>static/html_UI/foreground/img/blog_2.png'"
onMouseOut="this.src='<%=basePath %>static/html_UI/foreground/img/blog_1.png'" />
分享
<div style="display:none">
<a id="bds_qzone" href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/qz_logo.png" alt="分享到QQ空间" /></a>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
</div>
<div style="display:none">
<div id="ckepop">
<span class="jiathis_txt"></span>
<a id="bds_tsina" class="jiathis_button_tsina"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
</div>
<div style="display:none">
<div id="ckepop">
<span class="jiathis_txt"></span>
<a id="bds_weixin" class="jiathis_button_weixin"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a> </div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
</div>
注:微信的分享页面如果点击X(关闭)无效,可能是因为CSS
中设置了h3的position: relative;属性,取消该属性即可
h3 {
/* position: relative; */
}