jquery代码实现多选、不同分享功能


Posted in Javascript onJuly 31, 2015

下文通过简单的代码实现此功能,并通过效果图展示给大家。

一、具体实现代码

<div class="bdsharebuttonbox">

<a href="#" class="bds_more" data-cmd="more"></a>

<a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>

<a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>

<a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>

<a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a>

<a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a></div>

<script>window._bd_share_config={"common":{"bdSnsKey":{},

"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}

,"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"}};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>

二、效果

jquery代码实现多选、不同分享功能

以上就是本文的全部内容,希望大家能够喜欢。

Javascript 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
js实现五星评价功能
Mar 08 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 #Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 #Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 #Javascript
JavaScript实现图片轮播的方法
Jul 31 #Javascript
基于bootstrap3和jquery的分页插件
Jul 31 #Javascript
jquery-tips悬浮提示插件分享
Jul 31 #Javascript
javascript实现检验的各种规则
Jul 31 #Javascript
You might like
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
javascript高级学习笔记整理
2011/08/14 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
python函数装饰器用法实例详解
2015/06/04 Python
windows系统下Python环境搭建教程
2017/03/28 Python
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
Python 进程之间共享数据(全局变量)的方法
2019/07/16 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
新驾驶员个人自我评价
2014/01/03 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
小学教师师德感言
2014/02/10 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
导游词之长城八达岭
2019/09/24 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技