本次狐狸给大家分享一个简单的网站文章底部分享、赞赏、收藏、手机看、投诉小功能,设置了只PC端显示,移动端会隐藏。
本次代码,大家需要修改的地方为
- 打赏码(自己生成个三合一的即可,截取二维码为正方形,请勿使用长方形或者其他奇葩样式,圆形也可以)
- 侵权投诉链接
- JS中二维码的图标地址
修改完,将所有代码放置文章底部公共区域即可。
<div class="footer-tool">
<div class="tool-list">
<a href="javascript:;">分享</a>
<div class="tool-prompt">
<p>分享海报</p>
<img class="ewmurl" src="" alt="">
<p>扫一扫 - 分享本文</p>
</div>
</div>
<div class="tool-list">
<a href="javascript:;">打赏</a>
<div class="tool-prompt">
<p>QQ 微信 支付宝</p>
<img src="https://huliku.com" alt="">
<p>扫一扫 - 打赏狐狸</p>
</div>
</div>
<div class="tool-list">
<a href="javascript:;">收藏</a>
<div class="tool-prompt">
<p>请按下 Ctrl + D</p>
<p>即可收藏当前文章</p>
</div>
</div>
<div class="tool-list">
<a href="javascript:;">手机看</a>
<div class="tool-prompt">
<p>分享到微信朋友圈</p>
<img class="ewmurl" src="" alt="">
<p>扫一扫 - 手机阅读</p>
</div>
</div>
<div class="tool-list">
<a href="https://huliku.com" target="_blank">侵权投诉</a>
<div class="tool-prompt">
<p>侵权、举报、建议</p>
<p>↓</p>
</div>
</div>
</div>
© 版权声明
THE END
请登录后查看评论内容