我写过一篇，但由于js冲突，页面需要刷新一次才能生成二维码。此次修正了二维码的生成和显示方式，使用js和css让鼠标悬停时显示二维码，同时也添加了QQ空间分享功能。
图标更换
由于在icomoon上找不到合适的QQ空间分享图标，因此更换为阿里巴巴矢量图标库的图标。起初不清楚如何在a标签中定义class以调用图标，后来了解了具体的使用方法后，成功更换了图标库。我在这里不详细讲解阿里巴巴矢量图标库的使用说明，有需要的朋友可以自行搜索。这儿优先分享如何在css中重新定义选择器，代码如下：
`//用以下代码将原有的css定义替换掉
[class*=”icon-“],[class^=”icon-“]{
font-family:”iconfont”!important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing:
antialiased;
-webkit-text-stroke-width:0.2px;
-moz-osx-font-smoothing:grayscale;}`
QQ空间分享代码
``
微博分享代码
``
二维码生成代码
" alt=""/>
使用js和css实现图标悬停显示二维码
`function showImg(){
document.getElementById(“wxImg”).style.display=’block’;
}
function hideImg(){
document.getElementById(“wxImg”).style.display=’none’;
}`
`
“ alt=””/>
`
好了，写完就去睡觉。不懂代码的人只能用时间来弥补，忙活了半个晚上。真困～/哈欠