支持两种初始化方式:
#1: 单例模式
#2: 实例化模式
本文使用实例化模式来完成初始化工作
/** * usage */ // 引入样式文件(自定义样式可以不用引入) // 引入脚本文件 // 引入HTML脚本 // 容器类名选择器: "iShareClassName" // 实例化对象
/**
* 配置项说明
*/
container: '.iShare1', //分享容器节点,仅支持'class'和'id'两种选择模式. 'class'模式: '.class'; 'id'模式: '#id'.
config:
{
title: 'title',//分享标题. 默认:document.title
description: 'description',//分享描述文本. 默认:meta的description
url: 'url',//分享的URL. 默认:location.href
initialized: true,//自动创建必须开启字段. isAbroad,isTitle才能生效.默认开启
isAbroad: false,
//默认undefined,开启国外分享接口 + 国内分享接口.
//为true时,开启国外分享接口: 'iShare_facebook','iShare_linkedin','iShare_twitter','iShare_googleplus','iShare_tumblr','iShare_pinterest'.
//为false时,开启国内分享接口:'iShare_weibo','iShare_qq','iShare_wechat','iShare_tencent','iShare_douban','iShare_qzone','iShare_renren','iShare_youdaonote'.
isTitle: true,//开启title提示, 默认是false.
WXoptions:{
evenType: 'click',//微信二维码的触发方式,仅支持:'click'和'mouseover',默认为'mouseover'.
isTitleVisibility: true,//是否显示二维码标题,默认为显示,即为true.
title: '二维码标题',//二维码标题.
isTipVisibility: true,//是否显示二维码操作提示,默认为显示,即为true.
tip: '二维码描述文本',//二维码描述文本
bgcolor: '#2BAD13',//二维码的背景颜色
qrcodeW: '120',//二维码宽度
qrcodeH: '120',//二维码高度
qrcodeBgc: '#0f0',//二维码背景色
qrcodeFgc: '#000'//二维码前景色
}
}
默认配置
icon大小:24px
// 引入HTML脚本
// 引入配置
(new iShare({container:'.iShare1',config:{}}));
分享icon:16px;
isAbroad:true(开启国外分享接口);
关闭isTitle
// 引入HTML脚本
// 引入配置
(new iShare({container:'.iShare2',config:{
title: '分享标题',
description: '这是分享描述文本',
url: 'http://www.baidu.com',
isAbroad: true,
isTitle: true,
initialized: true
}}));
分享icon大小:32px;
isAbroad:false(开启国内分享接口);
evenType:'click'(修改二维码触发方式为click);
isTipVisibility:true(隐藏二维码的tip)
// 引入HTML脚本
// 引入配置
(new iShare({container:'.iShare1',config:{
title: '分享标题',
description: '这是分享描述文本',
url: 'http://www.baidu.com',
isAbroad: false,
isTitle: true,
initialized: true,
WXoptions:{
evenType: 'click',
isTitleVisibility: true,
title: '二维码标题',
isTipVisibility: true,
tip: '二维码描述文本',
qrcodeW: 140,
qrcodeH: 140,
qrcodeBgc: '#fff',
qrcodeFgc: '#000',
bgcolor: '#2BAD13'
}
}}));
initialized: false(关闭自动创建分享)
自定义样式只需要引入脚本文件即可,不需要引入样式文件。但需要指定为子元素指定类名
自定义样式推荐使用: iShare_tidy版本(主要用于自定义样式)
// 引入脚本文件
// 引入HTML脚本
// 引入配置
(new iShare({container:'.iShare4',config:{
title: '分享标题',
description: '这是分享描述文本',
url: 'http://www.baidu.com',
initialized: false,
WXoptions:{
evenType: 'click',
isTitleVisibility: true,
title: '二维码标题',
isTipVisibility: true,
tip: '二维码描述文本',
qrcodeW: 180,
qrcodeH: 180,
qrcodeBgc: '#fce4ec',
qrcodeFgc: '#000',
bgcolor: '#e91e63'
}
}}));