脚本里不知道哪里少写了onmouseover触发不成功？

weixin_45821460 2020-10-09 10:34:14

<body>
<div class="container">
<div class="nav1st">
<div class="nav-container">
<div class="nav-logo">
<img src="../imag/logo.png">
<p>行业效率颠覆者</p>
</div>
<ul class="nav-ul">
<li><a href="#">首页</a></li>
<li><a href="#" id="product" class="fff&&ffe1b5">产品中心</a></li>
<li style="display: none;">
<a href="#">解决方案</a>
</li>
<li><a href="#">合作联盟</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">运营平台登陆</a></li>
<div style="clear:both;"></div>
</ul>
<div style="clear:both;"></div>
</div>
</div>
<div class="nav2nd">
<div class="nav-container">
<ul class="2nd">
<li><a href="#" class="lszd1&&lszd2" id="lszd">智能零售终端</a></li>
<li><a href="#" id="yypt">智能运营平台</a></li>
<li><a href="#" id="znjy">智能硬件</a></li>
<li><a href="#" id="ythgm">一体化柜门</a></li>
</ul>
</div>
<div class="none"></div>
</div>
<div class="nav3rd">
<div class="nav-container">
<ul>
<li><a href="#">
<img src="../imag/shj1.png">
<p>光芽自动售货机</p>
</a></li>
<li><a href="#">
<img src="../imag/shj2.png">
<p>光芽生鲜机</p>
</a></li>
<li><a href="#">
<img src="../imag/shj3.png">
<p>光芽现磨咖啡机</p>
</a></li>
<li><a href="#">
<img src="../imag/shj4.png">
<p>光芽制冷售货机</p>
</a></li>
<li><a href="#">
<img src="../imag/shj5.png">
<p>光芽小型售货机</p>
</a></li>
<li><a href="#">
<img src="../imag/shj6.png">
<p>光芽冷热冲饮机</p>
</a></li>
</ul>
</div>
</div>
</div>
<script>
var i = $(".nav-ul li").index();
var t = $(".2nd li").index();
var p = 0;
$(".nav-ul li").mouseover(function () {
i = $(this).index();
})
$(".2nd li").mouseover(function () {
t = $(this).index();
})
$("#product").mouseenter(function () {
if (i == 1 && p == 0) {
$(".nav2nd").show();
$("#product").removeClass("fff");
$("#product").addClass("ffe1b5");
} else {
$(".nav2nd").slideDown();
$("#product").removeClass("fff");
$("#product").addClass("ffe1b5");
p = 0;
}
});
$("#product").mouseleave(function () {
$(".nav2nd").hide();
$("#product").removeClass("ffe1b5");
$("#product").addClass("fff");
});
$(".nav2nd").mouseenter(function () {
$(".nav2nd").show();
$("#product").removeClass("fff");
$("#product").addClass("ffe1b5");
});
$(".nav2nd").mouseleave(function () {
$(".nav2nd").hide();
$("#product").removeClass("ffe1b5");
$("#product").addClass("fff");
});
$(".none").mouseenter(function () {
p = 1;
$(".nav2nd").hide();
$("#product").removeClass("ffe1b5");
$("#product").addClass("fff");
});
$("#lszd").mouseenter(function () {
if (t == 0) {
$(".nav3rd").show();
$("#lszd").removeClass("lszd1");
$("#lszd").addClass("lszd2");
i = 1;
} else {
$(".nav3rd").slideDown();
$("#lszd").removeClass("lszd1");
$("#lszd").addClass("lszd2");
}
});
$("#lszd").mouseleave(function () {
$(".nav3rd").hide();
$("#lszd").removeClass("lszd2");
$("#lszd").addClass("lszd1");
});
$(".nav3rd").mouseenter(function () {
$(".nav2nd").show();
$(".nav3rd").show();
$("#lszd").removeClass("lszd1");
$("#lszd").addClass("lszd2");
$("#product").removeClass("fff");
$("#product").addClass("ffe1b5");
});
$(".nav3rd").mouseleave(function () {
$(".nav2nd").hide();
$(".nav3rd").hide();
$("#lszd").removeClass("lszd2");
$("#lszd").addClass("lszd1");
$("#product").removeClass("ffe1b5");
$("#product").addClass("fff");
t = 0;
i = 0;
});
</script>

</body>
</html>