return to homepage
13080553467
QQ customer service

wechat customer service

wechat official account

  • customer serviceQQ:1193846053    wechat: suyoufuwu    contact number: 13080553467     

website sharing plug-in Share share plug-in

suyou network (10 years of experience), serves tens of thousands of companies, and has fixed transparent quotations. domain name registration, hosting /one-stop service for server and website source code. a physical company, a professional team, worth choosing! website building business: corporate website construction, company official website production, foreign trade website construction, website imitation, website copying, imitation site, foreign trade website construction, single-page customer service wechat【 suyoufuwu】


recently found bshare and baidu sharing plugin, there are a lot of problems, similar to incompatibility issues such as confusing styles and not valid sharing links, which are also quite troublesome to adjust, so just change to a plug-in. so i found it Share.js,thisit is a one-click forwarding tool, which can be shared on weibo with one click, QQ space, QQ friends, wechat, tencent weibo, douban, Facebook、Twitter、Linkedin、Google+、social networking sites such as diandian,it's quite simple to call.

sharing style

introduce a project:

introduced JS

JS,CSS:



Html:

 
in" social-share” this is a required class name, and there are some special parameter settings as follows:
for example:disabled google、twitter、facebook ,need to use data-disabled
 data-disabled="google,twitter,facebook">

plugin 2
 
set wechat qr code title,need to usedata-wechat-qrcode-title

plugin 3
use different properties for a specific site ( title, url, description,image...)

 
you can, toocustom icons
use: data-initialized="true"  tags to disable automatic generation icon function.
 

 
 
    
 
 
    
 
 
    
 
 

 
above alabelthe sharing link will be automatically added ( a  the label must be provided icon-NAME  attributes, otherwise the sharing link will not be automatically added).
if you want to share icon some elements are built into the list, such as putting a favorite button behind the share button:
 

 
 
    
 
 

 
soofas a result, all share buttons are created in the favorites buttonicon-heartit's behind you, and you can use it data-mode="prepend"  to determine how the share button is created.
 

 
 
    
 
 

 
socome onall sharing icons will be created in front of the content of the container

plugin 4
 
here is the download link:
https://github.com/overtrue/share.js/zipball/master

the above is the "website sharing plug-in shared by suyou network with everyone Share share plugin", thank you very much for your patience to read this article. we will provide you with more information on reference or learning communication. we can also provide you with:enterprise website construction, website imitation, website copying, imitation site, foreign trade website construction, foreign trade website construction, company official website productionfor services, our company serves customers with the service concept of "integrity, professionalism, pragmatism and innovation". if you need cooperation, please scan the code to consult, and we will serve you sincerely.

TAG label:eyoucms plugin

national branch station