iShare版本

支持两种初始化方式:
#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'//二维码前景色
		}
	}

实例1:默认配置

默认配置
icon大小:24px

		// 引入HTML脚本
		
	
		// 引入配置
		(new iShare({container:'.iShare1',config:{}}));
	

实例2:国外分享接口

分享icon:16px;
isAbroad:true(开启国外分享接口);
关闭isTitle

		// 引入HTML脚本
		
	
	// 引入配置
	(new iShare({container:'.iShare2',config:{
		title: '分享标题',
		description: '这是分享描述文本',
		url: 'http://www.baidu.com',
		isAbroad: true,
		isTitle: true,
		initialized: true
	}}));
	

实例3:国内分享接口

分享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'
		}
	}}));
	

实例4:自定义样式

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'
		}
	}}));