前端小白的开发之路之 ————右侧悬浮二维码（笔记）

最新推荐文章于 2024-08-10 03:24:28 发布

向$看

最新推荐文章于 2024-08-10 03:24:28 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端开发整理

本文链接：https://blog.youkuaiyun.com/qq_33285338/article/details/84957235

3 篇文章

订阅专栏

本文介绍了一种在JSP页面中实现鼠标悬浮时显示不同二维码的方法，通过使用JavaScript和CSS，可以动态地显示和隐藏公众平台、微信和个人支付二维码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

右侧鼠标悬浮显示二维码

jsp页面

.fix-vrm-bar {
   position: fixed;
   top: 350px;
   right: 10px;
   z-index: 999;
}
.fix-vrm-bar-up {
   position: fixed;

   z-index: 999;
}
.fix-vrm-bar button {
   height:54px;
   width:54px;
   font-size:15px;
}

.fix-vrm-bar2 {
   position: fixed;
   top: 350px;
   right: 226px;
   z-index: 999;
}

function showGZH(id){
   hideRqCode();
   $("#"+id).show();
}
function hideRqCode(){
   $("#GZH").hide();
   $("#WX").hide();
   $("#ZFB").hide();
}

我再网上看到很多例子都是一个图就能实现的例子，

实际需求是这个是用户自己维护的图片不能固定

不知道哪位大神有更好的建议请回复一下。。