如何在网页中通过js代码将内容分享到朋友圈

JavaScript084

如何在网页中通过js代码将内容分享到朋友圈,第1张

一个非常简单的方法,百度分享代码组件里面有个微信分享到朋友圈。如下图

1百度搜索“百度分享代码”。

2选择你需要的代码模式。一般选择简单的模式就可以了,太复杂的用户体验不好。

3可以直接复制代码,或者进行下一步继续选择自己喜欢的模式。

4放到文章公共模板中。注意,不要只放在首页,否则统计数据的时候只能显示首页的数据。

5点击图标就可以弹出二维码。

用JS的onmouseover事件。代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<title>Examples</title>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet">

<style type="text/css">

*{margin:0padding:0}

a{text-decoration: none}

li{list-style: noneborder:1px solid redwidth:100pxheight:auto}

img{

display: inline-block

width: 100%

}

a{font-size:18pxcolor:red}

#box{

position: relative

width: 1200px

margin: auto

text-align: center

}

img{

width:200px

}

#pic2{

position: absolute

right: 295px

}

.none{

display: none

}

.active{

display: inline-block

}

</style>

</head>

<body>

<div id="box">

<img src="1.jpg" alt="" id="pic1">

<img src="6.jpg" id="pic2" class='none'>

</div>

<script>

var obox = document.getElementById('box')

var opic1 = document.getElementById('pic1')

var opic2 = document.getElementById('pic2')

pic1.onmouseover = function(){

opic2.className = 'active'

}

pic1.onmouseout = function(){

opic2.className = 'none'

}

</script>

</body>

</html>

可以使用juqery的 qrcode来实现!

1, 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js

2 , 指定一个二维码容量元素: <div id="qrcode"></div>

3 , 在指定的容量元素中生成二维码: jquery('#qrcode').qrcode("这里是想要扫描后的获得的地址")