# jjy-share-v1.0 一键分享到微博，QQ空间，QQ好友，微信

**Repository Path**: jjycheng/jjy-share-v1.0

## Basic Information

- **Project Name**: jjy-share-v1.0 一键分享到微博，QQ空间，QQ好友，微信
- **Description**: 一键分享到微博、QQ空间、QQ好友、微信
作者： `极纪元-橙`
作者博客：https://cplvfx.blog.csdn.net/
码云Gitee：https://gitee.com/cplvfx/
时间：2023年6月21日`
- **Primary Language**: HTML
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-06-21
- **Last Updated**: 2024-01-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jjy-share-v1.0
`jjy-share-v1.0` ```一键分享到微博、QQ空间、QQ好友、微信``` 

#### 介绍
一键分享到微博、QQ空间、QQ好友、微信
作者： `极纪元-橙`

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

码云Gitee：`https://gitee.com/cplvfx/`

时间：`2023年6月21日`

代码摘录（参考）：`人民网http://politics.people.com.cn/n1/2023/0621/c1001-40018542.html`

#### 预览

[在线预览地址](http://cplvfx.gitee.io/jjy-share-v1.0/)：<http://cplvfx.gitee.io/jjy-share-v1.0/>
 

![](./img/1.png)
![](./img/2.png)
![](./img/3.png)
![](./img/4.png)
![](./img/5.png)


#### 安装

1.  在`head`里引入JS和css
```html
<link rel="stylesheet" href="./css/share2020.css">
<script src="./js/jquery-1.11.1.min.js"></script>  
```
2.  在```</body>```标签结束前
```html
    <script src="./js/share_qr2020.js"></script>
    <script>
    $(".txt_float_r").css("width","37px");

	$(".txt_float_r li").hover(function(){
		$(this).addClass("share_active");
		$(".txt_float_r").css("width","194px");
	},function(){
		$(this).removeClass("share_active");
		$(".txt_float_r").css("width","37px");
	});


    $(".btn_follow div.share_con i strong").click(function(){
		$(".btn_follow div.share_con i strong").attr("class","");
		$(".btn_follow div.share_con div").hide();
		  
		$(this).attr("class","active");
		$(".btn_follow div.share_con div").eq($(this).index()).css('display',"block");
	});
    </script>
```