JQuery JCshare 0.1 分享插件
一、介绍: 现在各类SNS网站、微博等都开设了分享接口,可以让你的咨询更快、更有效的通过用户分享给其好友,外面也有很多一键式的分享控件。我们公司网站(巴士国旅)为了让用户及其好友更快分享到我们巴士的特价线路,自己研究了下,写了个简单的JQery插件,现在完全开源,方便大家扩展。原理很简单,拼接了分享接口的url,很多一键式控件是弹窗类型的,我这里做成链接形式,或许后面一个版本,会加入弹窗类型,暂时先这样吧,用下来还不错,欢迎大家拍砖。
二、目录介绍: |-----scripts 脚本 |------jquery-1.3.2.min.js jquery 1.3.2 |------jquery.jcshare.js 分享插件 |-----styles 样式 |------jcshare.css 分享样式 |------share.gif 背景图片
三、安装: 1、链接样式 2、链接jquery和分享插件的js文件 3、在$(document).ready(function(){})中 调用分享插件:
$(document).share({
title: document.title + "-James.Ying-巴士国旅",
content: "更多旅游线路尽在巴士国旅",
url: document.URL
});
第一版中,只支持title,content,url,稍后会加入图片,现在也仅支持链接方式,弹窗以后再加了。 4、分享链接:
<a href="javascript:void(0);" title="把此线路分享到开心网" class="share share_kaixin"> </a>
<a href="javascript:void(0);" title="把此线路分享到新浪微博" class="share share_sina"> </a>
<a href="javascript:void(0);" title="把此线路分享到豆瓣网" class="share share_douban"> </a>
<a href="javascript:void(0);" title="把此线路分享到人人网" class="share share_renren"> </a>
<a href="javascript:void(0);" title="把此线路分享到腾讯微博" class="share share_qq"> </a>
使用了Jquery的选择器,如果对应的class改变的话,请在初始分享插件时,也把对应的class赋值,具体看代码。
- 区块链技术或将迎来突破性进展,以特币未来生机勃勃
- 配置多个网卡的OpenStack VM
- .NET Core采用的全新配置系统[3]: “Options模式”下的配置是如何绑定为Options对象
- 游戏用户中心开发
- .NET Core采用的全新配置系统[4]: “Options模式”下各种类型的Options对象是如何绑定的?
- js运算符优先级笔记
- 通过协同绘制用GAN合成高分辨率无尽道路
- ASP.NET MVC的Model元数据与Model模板:预定义模板
- 为您的组织选择正确的企业云解决方案
- 搞定这些疑难杂症,向css3动画说yes
- 前十一个网络游戏业务收入1341亿 同比增22.1%
- ASP.NET MVC Model元数据及其定制:一个重要的接口IMetadataAware
- 使用Docker 1.12.x构建多容器Web应用程序
- 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法