2023.05.29 | admin | 207次围观
这是很久以前就已经写过的笔记了，有一个习惯人人网 分享按钮代码，每次遇到一个问题，都会进行百度，然后把解决问题的关键点记录下来，有人问我，为什么更新频率如此之快，大部分都是从前积累的知识点。
其实每天工作所涉及的知识点都非常的多，长久记录下来，也算是一笔财富了，从前只是记录在印象笔记里面，看着自己的印象笔记日益渐慢，于是放在了这个平台，不得不说，简书的平台可以存储很多技术文章，文本编辑器是我见过最好用的一个，不但支持Markdown格式，还能保存为草稿，不用担心丢失。
网站上的一键分享到朋友圈好友圈的功能，其实特别简单，只需要一句代码就行，例如以下：
点击网站右边侧边栏，会划出一个div，一键分享到各个平台
只需要一句代码，就可以做到，不需要在写前端页面
先举个例子：
代码：
<html>
<head>
<meta charset="UTF-8">
<title>title>
head>
<body>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0";; charset="utf-8">script>
body>
html>
再举个例子：
<html>
<head>
<meta charset="UTF-8">
<title>title>
head>
<body>
<div class="jiathis_style">
<span class="jiathis_txt">分享到：span>
<a class="jiathis_button_icons_1">a >
<a class="jiathis_button_icons_2">a >
<a class="jiathis_button_icons_3">a >
<a class="jiathis_button_icons_4">a >
<a href=" "; class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank">a >
<a class="jiathis_counter_style">a >
div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js"; charset="utf-8">script>
body>
html>
参考demo：
如果非要写前端漂亮的代码人人网 分享按钮代码，请参考17素材网源码：jQuery点按钮一键分享代码_网页分享代码
可点击下载
以下demo摘自网站：各种样式可以随意挑选，或上下左右，或居中，或大或小，都可以用一句代码就能搞定
参考官方网站：
JiaThis - 社会化分享按钮及移动端分享代码提供商，提供专业的分享按钮代码及精准的数据统计服务,通过访客不断的分享行为,来提升网站的优质外链、增加社会化流量、带来更多的用户
不要奇怪，没有中病毒哦
文末福利：
福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：
福利二：微信小程序入门与实战全套详细视频教程
领取方式：
版权声明
本文仅代表作者观点。
本文系作者授权发表，未经许可，不得转载。
发表评论