jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信

news2025/1/14 0:49:09

介绍

jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信

作者:极纪元-橙

作者博客:https://cplvfx.blog.csdn.net/ 

码云Gitee:橙cplvfx极纪元 (cplvfx) - Gitee.com

项目地址:jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信: jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信作者:极纪元-橙作者博客:https://cplvfx.blog.csdn.net/码云Gitee:https://gitee.com/cplvfx/

预览

线上预览地址:jjy-shareV2.0一键分享到微博、QQ空间、QQ好友、微信

软件架构

软件架构说明 使用原生JS开发,不依赖任何第三方

安装教程

<script src="./jjy-share-v2.0.js"></script> 

使用说明

第一步: 在</body>标签结束前 标签结束前,增加JS代码

<script src="./jjy-share-v2.0.js"></script>
<script>
   jjyShare({
       weiboUserId: 0,//微博平台账号ID
       sourceName: '测试',//来源站点名称
       title:document.title,//分享的标题
       des:'测试1测试2测试3测试4测试5',//页面描述,控制在120个字以下
       imgagesUrl:'http://cmsapi.quanxi.cc/Uploads/document/20230520/e18dad73dc994aa598f0b2ed6afbde42.jpg',//分享携带的图片
   });
</script>
第二步:html代码
    <strong id="jjy-share">
        分享到: &nbsp;
        <img src="./img/weixin.jpg" data-jjyshare="weixin"/>&nbsp;
        <img src="./img/weibo.jpg" data-jjyshare="weibo"/>&nbsp;
        <img src="./img/qq-qzone.png" data-jjyshare="qq_qzone"/>&nbsp;
        <img src="./img/qq.jpg" data-jjyshare="qq"/>&nbsp;
        <img src="./img/link.jpg" data-jjyshare="copylink"/>&nbsp;
    </strong>

注意 :

jjy-share 的V2.0版本,你需要注意的是,

1、你的分享功能标签容器,需要增加 id="jjy-share"不然,不会触发分享功能

2、分享功能标签容器里的平台图标可以自定义,但是必须增加data-jjyshare="XXX",来说明这是一个什么类型的分享;

目前有微信(weixin)微博(weibo)qq空间(qq_qzone)qq好友(qq)复制链接(copylink)不然,不会触发分享功能

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/679245.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

登录认证(全集)--jwt,Filter,Interceptor详细说明

一、登录校验 问题&#xff1a;在未登录情况下&#xff0c;我们也可以直接访问部门管理、员工管理等功能。由于浏览器与web服务器中的数据交互是通过HTTP协议的&#xff0c;而HTTP协议是无状态的–即每个页面中的请求和响应都是独立的&#xff0c;没有状态存在。所以我们需要进…

WordPress网站的robots文件代码怎样写比较好

本文记载和介绍的是wordpress的robots.txt的在哪儿&#xff1f;以及如何修改robots文件来禁止搜索引擎爬取/ajax目录下的文章。以及如何优化WordPress网站的robots文件 wordpress设置robots文件的目录&#xff1a;/wp-includes/functions.php&#xff0c;然后搜索do_robotstxt…

【雕爷学编程】Arduino动手做(123)---Multi-function扩展板

37款传感器与执行器的提法&#xff0c;在网络上广泛流传&#xff0c;其实Arduino能够兼容的传感器模块肯定是不止这37种的。鉴于本人手头积累了一些传感器和执行器模块&#xff0c;依照实践出真知&#xff08;一定要动手做&#xff09;的理念&#xff0c;以学习和交流为目的&am…

随机数检测(一)

随机数检测&#xff08;一&#xff09;- 随机数自测试概述 1 概述2 产品形态划分和检测项目3 测试方式3.1 概述3.2 单比特频数检测方法3.3块内频数检测方法 1 概述 随机数发生器设计完成后&#xff0c;使用随机数发生器的产品需对其执行测试&#xff0c;防止应用过程中产生不合…

Redis的数据类型及对应的数据结构(二)

接上篇&#xff1a;Redis的数据类型及对应的数据结构&#xff08;一&#xff09;_鱼跃鹰飞的博客-CSDN博客 本篇主要讨论剩下的几种数据结构的应用场景 应用场景 集合的主要几个特性&#xff0c;无序、不可重复、支持并交差等操作。 因此 Set 类型比较适合用来数据去重和保…

卧剿,6万字!30个方向130篇!CVPR 2023 最全 AIGC 论文!一口气读完。

一杯奶茶&#xff0c;成为 AIGCCV 视觉前沿弄潮儿&#xff01; 25个方向&#xff01;CVPR 2022 GAN论文汇总 35个方向&#xff01;ICCV 2021 最全GAN论文汇总 超110篇&#xff01;CVPR 2021 最全GAN论文梳理 超100篇&#xff01;CVPR 2020 最全GAN论文梳理 在最新的视觉顶会 C…

Java多重捕获块

try块后面可以跟随一个或多个catch块。每个catch块必须包含一个不同的异常处理程序。因此&#xff0c;如果您在不同的异常发生时需要执行不同的任务&#xff0c;请使用Java多重捕获块。 需要记住的要点 一次只会发生一个异常&#xff0c;同时只有一个catch块被执行。 所有的ca…

实训五:数据库安全控制 - MySQL数据库 - 授权与撤销授权

MySQL数据库 - 授权与撤销授权 第1关&#xff1a;数据库授权任务描述相关知识用户管理授权方式 编程要求测试说明参考代码 第2关&#xff1a;数据库撤销权限任务描述相关知识撤销权限 编程要求测试说明参考代码 第1关&#xff1a;数据库授权 任务描述 本关任务&#xff1a;新…

Ubuntu安装Anaconda详细步骤(Ubuntu22.04.1,Anaconda3-2023.03)

本文主要讲述了在Ubuntu中安装anaconda的具体步骤 准备环境&#xff1a;Ubuntu22.04.1&#xff0c;Anaconda3 1.下载Anaconda3 在清华镜像下载Linux版本的anaconda 清华镜像官网Anaconda下载 我选择的是Anaconda3-2023.03-Linux-x86_64.sh 下载好的Anaconda3-2023.03-Linux-…

拦截器Interceptor及与过滤器Filter的区别

统一拦截–拦截器Interceptor 1.概述 概念:是一种动态拦截方法调用的机制&#xff0c;类似于过滤器。Spring框架中提供的&#xff0c;用来动态拦截控制器方法的执行。作用:拦截请求&#xff0c;在指定的方法调用前后&#xff0c;根据业务需要执行预先设定的代码。与过滤器Fil…

【Java|多线程与高并发】设计模式-单例模式(饿汉式,懒汉式和静态内部类)

文章目录 1. 前言2. 单例模式3. 如何保证一个类只有一个实例4. 饿汉式单例模式5. 懒汉式单例模式6. 实现线程安全的懒汉式单例7. 静态内部类实现单例模式8. 总结 1. 前言 设计模式是一种在软件开发中常用的解决复杂问题的方法论。它提供了一套经过验证的解决方案&#xff0c;用…

通信原理概述

通信是指人们通过某种媒介进行信息传递。通过某种介质或通道&#xff0c;将信息从一个地点传递到另一个地点的过程。通信可以是人与人之间的交流&#xff0c;也可以是设备、系统或网络之间的数据传输。 通信信号的分类方法&#xff1a; 1&#xff09;模拟信号和数字信号(从信号…

数字游戏:如何统计能整除数字的位数?

本篇博客会讲解力扣“2520. 统计能整除数字的位数”的解题思路&#xff0c;这是题目链接。 本题的思路是&#xff1a;取出每一位&#xff0c;判断是否能整除。 如何取出每一位呢&#xff1f;可以采用“mod10除10”的策略。即&#xff1a;每次mod10取出最后一位数&#xff0c;再…

2022年软件测试面试题大全【含答案】

一、面试基础题 简述测试流程: 1、阅读相关技术文档&#xff08;如产品PRD、UI设计、产品流程图等&#xff09;。 2、参加需求评审会议。 3、根据最终确定的需求文档编写测试计划。 4、编写测试用例&#xff08;等价类划分法、边界值分析法等&#xff09;。 5、用例评审(…

C++面向对象 this指针 构造函数 析构函数 拷贝构造 友元

C面向对象 面向对象概念类与对象的区别 C中类的设计设计实例实例解释共有和私有类的认识 函数定义函数在类里定义和类外定义区别函数定义实例 C对象模型方案一:各对象完全独立地安排内存的方案方案二:各对象的代码区共用的方案: this指针this指针特点程序编译面向对象程序的过程…

【力扣刷题 | 第十四天】

目录 前言&#xff1a; 7. 整数反转 - 力扣&#xff08;LeetCode&#xff09; 面试题 16.05. 阶乘尾数 - 力扣&#xff08;LeetCode&#xff09; 总结; 前言&#xff1a; 今天仍然是无固定类型刷题&#xff0c; 7. 整数反转 - 力扣&#xff08;LeetCode&#xff09; 给你…

傅氏变换算法

半局积分算法的局限性是要求采样的波形为正弦波。当被采样的模拟量不是正弦波而是一个周期性时间函数时&#xff0c;可采用傅氏变换算法。傅氏变换算法来自于傅里叶级数&#xff0c;即一个周期性函数I&#xff08;t&#xff09;可用傅里叶级数展开为各次谐波的正弦项和余弦项之…

D117-72. 编辑距离

题目描述 链接&#xff1a;添加链接描述 跟只考虑删除的完全一样&#xff0c;只不过是dp[i-1][j-1]1 class Solution:def minDistance(self, word1: str, word2: str) -> int:# dp[i][j]&#xff1a;以i-1为结尾的字符串word1&#xff0c;和以j-1位结尾的字符串word2&…

Qt 将某控件、图案绘制在最前面的方法,通过QGraphicsScene模块实现

文章目录 前言一、效果二、代码实现1.工程文件夹结构2.BackWidget类2.1 backwidget.h2.2 backwidget.cpp 总结 前言 在用Qt做一些应用的时候&#xff0c;有可能遇到和“绘制顺序”相关的问题&#xff0c;即要控制一些控件之间的显示前后问题&#xff0c;在常用的QWidget体系中&…

【数据结构与算法】力扣:翻转二叉树

翻转二叉树 给你一棵二叉树的根节点 root &#xff0c;翻转这棵二叉树&#xff0c;并返回其根节点。 示例 1&#xff1a; 输入&#xff1a;root [4,2,7,1,3,6,9] 输出&#xff1a;[4,7,2,9,6,3,1] 示例 2&#xff1a; 输入&#xff1a;root [2,1,3] 输出&#xff1a;[2,…