[JS]QQ空间、微信、微博分享

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; */
}