分享浏览的文章、图片等信息到个人空间、微博……

<div class="Baidu">

<ul>

<li><a class="jiathis_button_qzone" title="QQ空间"><span><img src="/Images/Medbid_6.jpg" alt="QQ空间"/></span><span>QQ空间</span></a></li>

<li><a class="jiathis_button_tsina" title="新浪微博"><span><img src="/Images/Medbid_7.jpg" alt="新浪微博"/></span><span>新浪微博</span></a></li>

<li><a class="jiathis_button_renren" title="人人网"><span><img src="/Images/Medbid_10.jpg" alt="人人网"/></span><span>人人网</span></a></li>

<li><a class="jiathis_button_hi" title="百度空间"><span><img src="/Images/Medbid_8.jpg" alt="百度空间"/></span><span>百度空间</span></a></li>

<li><a class="jiathis_button_tieba" title="百度贴吧"><span><img src="/Images/Medbid_9.jpg" alt="百度贴吧"/></span><span>百度贴吧</span></a></li>

<li><a class="jiathis_button_tsohu" title="搜狐微博"><span><img src="/Images/Medbid_11.jpg" alt="搜狐微博"/></span><span>搜狐微博</span></a></li>

<li><a class="jiathis_button_tqq" title="腾讯微博"><span><img src="/Images/Medbid_12.jpg" alt="腾讯微博"/></span><span>腾讯微博</span></a></li>

<li><a href="http://www.jiathis.com/share/" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" title="更多"><span><img src="/Images/Medbid_13.jpg" alt="更多"/></span><span>更多</span></a></li>

</ul>

</div>

<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>

css 样式

/*Baidu*/

.Baidu{ width:660px; height:28px; overflow:hidden; border:1px solid #CCC; padding-left:2px; padding-top:5px; margin-top:5px;}

.Baidu ul li img { border:none; }

.Baidu ul li a { color:#666; text-decoration:none; font-size:12px; outline: none;}

.Baidu ul li a:hover { color:#009900; text-decoration:none; }

.Baidu ul li{ width:76px; height:16px; float:left; line-height:16px; cursor:pointer; list-style:none;}

.Baidu span{ margin-right:4px; float:left;}