挺好用的一个功能，加到网站文章底部，时不时还有人打赏。 效果截图 543543.gif (222.23 KB, 下载次数: 0) 下载附件 保存到相册 半小时前 上传 演示地址（文章底部） https://www.sharedbk.com/post/272.html 只在PC端显示 CSS [ol] @media screen and (max-width: 1198px){ .footer-tool{ display: none!important; } } .footer-tool{ width: 100%; height: 48px; background: #f3f7fb; border: 1px solid #d6e6f5; display: flex; justify-content: center; align-items: center; margin: 5px 0; } .tool-list{ position: relative; width: 20%; height: 36px; } .tool-list a{ color: #555666; font-size: 16px; line-height: 36px; text-decoration: none; padding: 0 12px; box-sizing: border-box; border-radius: 4px; display: block; text-align: center; } .tool-list a:hover{ background: rgba(39,124,204,0.1); } .tool-list:hover .tool-prompt{ display: block; } .tool-prompt{ display: none; width: 180px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.4); padding: 5px 10px; box-sizing: border-box; text-align: center; position: absolute; bottom: 36px; left: 50%; margin-left: -90px; } .tool-prompt img{ max-width: 100%; max-height: 160px; } .tool-prompt p{ color: #555666; font-size: 16px; }[/ol]复制代码 HTML [ol] [url=]🥰分享[/url] 分享海报 [img][/img] 扫一扫 - 分享本文 [url=]😍打赏[/url] 微信 20240323000630171112359072126.png (85.92 KB, 下载次数: 0) 下载附件 保存到相册 半小时前 上传 扫一扫 - 打赏鹏仔 [url=]🤩收藏[/url] 请按下 Ctrl + D 即可收藏当前文章 [url=]🥺手机看[/url] 分享到微信朋友圈 [img][/img] 扫一扫 - 手机阅读 🙄侵权投诉 侵权、举报、建议 ↓ [/ol]复制代码JS [ol][/ol]复制代码 一扫, 收藏
