这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文主要介绍了 js 调用百度分享功能的方法,具有很好的参考价值,下面跟着小编一起来看下吧
效果图:
图(1)未展开
图(2)展开效果
代码如下:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>
- </title>
- </head>
- <body>
- <div class="bdsharebuttonbox">
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_more" data-cmd="more">
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_renren" data-cmd="renren" title="分享到人人网">
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- class="bds_weixin" data-cmd="weixin" title="分享到微信">
- </a>
- </div>
- <script>
- window._bd_share_config = {
- "common": {
- "bdSnsKey": {},
- "bdText": "",
- "bdMini": "2",
- "bdMiniList": false,
- "bdPic": "",
- "bdStyle": "0",
- "bdSize": "32"
- },
- "share": {},
- "image": {
- "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
- "viewText": "分享到:",
- "viewSize": "16"
- },
- "selectShare": {
- "bdContainerClass": null,
- "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
- }
- };
- with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~ ( - new Date() / 36e5)];
- </script>
- </body>
- </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0718/327252.html