效果图：

图(1)未展开

图(2)展开效果

代码如下：

！DOCTYPE html html townleta charset=' UTF-8 ' title/title/headdydiv class=' bdsharebutonbox ' a href=' # ' rel='外部nofollow' rel='外部nofollow' rel='外部nofollow' rel='外部nofollow' rel='外部no follow ' class=' BDS _ more ' data-cmd=' more '/a href=' # ' rel='外部nofollow' rel='外部nofollow' rel='外部nofollow' rel='外部“不跟随”分享到即时通信软件空间/a a a href=' # rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' class=' BDS _ tsina ' data-cmd=' tsina ' title='分享到新浪微博/a a a href=' # rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' class=' BDS _ tqq ' data-cmd=' tqq ' title='分享到腾讯微博/a a a href=' # rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' class=' BDS _ renren ' data-cmd=' renren ' title='分享到人人网/a a a href=' # rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' class=' BDS _ weixin ' data-cmd=' weixin ' title='分享到微信/a/divscript窗口. BD _ share _ config={ ' common ' : { ' bdSnsKey ' : }，' bdText': ' '，' bdMini': '2 '，' bdMiniList': false，' bdPic': ' '，' bdStyle': '0 '，' bdSize': '32 ' }、“共享”: {}、“图像”: {“视图列表”分享到：'，' viewSize': '16' }，' select share ' : { ' bdContainerClass ' : null，' bdSelectMiniList': ['qzone '，' tsina '，' tqq '，'人人','微信']} }; with(document)0[(getElementsByTagName(' head ')[0]| | body).appendChild(createElement('脚本'))。'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js？cdn版本=' ~(-new Date()/36e 5)]；/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！