网站悬浮窗代码js控制修改

发布网友 发布时间：2022-04-23 18:28

我来回答

共5个回答

热心网友 时间：2022-05-05 02:02

<div class="fixed" style="left: 22px;padding-right: 196px;padding-left: unset;">
<a href="javascript:;" title="微信扫一扫加好友" class="codepic">
<div> <img src="/skin/images/erweima1.png" class="code" style="left: 52px;top: 0px;right: -196px;"/></div>
</a>
<a href="javascript:;" title="微信扫一扫加好友" class="codepic1">
<div> <img src="/skin/images/erweima2.png" class="code" style="left: 52px;top: -52px;right: -196px;"/></div>
</a>
<a href="javascript:;" title="淘宝扫一扫加关注" class="codepic2">
<div> <img src="/skin/images/taobao.png" class="code" style="left: 52px;top: -104px;right: -196px;"/></div>
</a>
<div style="width:52px; height: 52px;"><a href="javascript:;" title="返回顶部" class="backup"></a></div>
</div>
<!--页尾结束-->
<!--页尾结束-->
<!--弹窗插件开始-->
<link rel="stylesheet" type="text/css" href="/skin/css/jquery.dialogbox.css">
<div id="type-dialogBox"></div>
<script src="/skin/js/jquery.dialogbox.js"></script>
<!--弹窗插件结束-->
修改下class 分别标记，这里加了1和2 ，，，在css里面把 你刚才的代码复制下，分别标识1和2，在找到hover 里面复制改下追问这样试了一下，但依然不行，鼠标移动到第一个的时候才显示，而且显示的是第三个二维码。

追答





热心网友 时间：2022-05-05 03:20

js里面应该根据这个样式来设置了鼠标悬浮事件。找到这个地方修改一下针对当前标签控制显示

追问

是在style.css里吗？需要怎么敢？

追答

应该在这个js里面呀

热心网友 时间：2022-05-05 04:55

看了下代码，发现三个a标签共用一个class，有两种可能

是插件中为class=“codepic”设置的鼠标悬浮事件，你需要在jquery.diallogbox.js中找下有没有的codepic的onmouseover事件，如果有，你需要为每个a标签加一个class，如果没有就看第二个

也有可能是在jquery.dialogbox.css中加的悬浮样式 ，在代码中找找有没有这段代码   .codepic:hover，如果有，你也要为每个a标签设置class

如果这两种都没有，就把那个插件的css文件和js文件都发我下，我从这边调试下

热心网友 时间：2022-05-05 06:46

初步看了下你的代码，你那个二维码都放在同一个DIV，这肯定会一起显示或隐藏的啦。可以将各自的A标签和二维码DIV放到独立的DIV。追问我试了，没有用。

热心网友 时间：2022-05-05 08:54

能给链接看一下效果？