导航栏触碰之后闪烁两下就没了

geng471 geng471 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="slide.js"></script>
</head>
<body style="content:inherit;">
<div id="header">


<ul id="nav">
<li class="mainlevel"><span class="note">主页</span></li>
<li class="mainlevel" id="mainlevel_01"><a href="#">企业文化</a>
<ul class="sub_nav_01">
<li><a href="#">企业文化</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">主页</a></li>
</ul>
</li>
<li class="mainlevel" id="mainlevel_02"><a href="#">专家内容</a>
<ul class="sub_nav_01">
<li><a href="#">主页</a></li>
<li><a href="#">专家内容</a></li>
<li><a href="#">专家内</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">主页</a></li>
</ul>
</li>
<li class="mainlevel"><a href="#">联系我们</a>
<ul class="sub_nav_01">
<li><a href="#">联系我们</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系-FO</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系</a></li>
</ul>
</li>
<li class="mainlevel"><a href="#">企业介绍</a><!--input an em tag as a space,IE is gread need-->
<ul class="sub_nav_01">

<li><a href="#">联系</a></li>
<li><a href="#">企业介</a></li>
<li><a href="#">企业介绍</a></li>
<li><a href="#">企业介绍</a></li>
<li><a href="#">企业介绍</a></li>
</ul>
</li>
<li class="mainlevel"><a href="#">产品介绍</a>
<ul class="sub_nav_01">
<li><a href="#">产品介绍</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">产品介绍</a></li>
</ul>
</li>
</ul>
</div>
</div>

<div id="head">
</div>

<div id="main">

<div id="float"></div>
<div id="cent"></div>
<div id="reg"></div>

</div>

<div id="footer">
</div>
</body>
</html>



/* CSS Document */
body{ width:1100px; font-size:14px;}

#header{ width:1100px; height:80px; border:solid 1px #FF0000; background-color:#d3dfe0; }
#main{ width:1100px; height:275px;border:solid 1px #FF0000;}
#head{ width:1100px;height:350px;border:solid 1px #FF0000;}
#float{ width:265px; height:175px;border:solid 1px #FF0000; margin:45px; float:right; }
#cent{ width:415px; height:180px;border:solid 1px #FF0000;margin:45px; float:right;}
#reg{ width:135px; height:175px;border:solid 1px #FF0000;margin:45px; float:right;}

#footer{ width:1100px; height:150px;border:solid 1px #FF0000;}


#nav .mainlevel {float:left; text-align:center; display:block;font-size:16px;}
#nav .mainlevel a { color:#707071; text-decoration:none; line-height:30px; height:34px; text-align:center; padding:0 20px; display:block; _width:48px;font-weight: bold;}
#nav .mainlevel a:hover {text-decoration:none;color:#131313; background:url(Bt008_007_01_0006s_0000_ON.png) 15px 30px repeat-x;}
#nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/margin: 6px -130px;border:solid 1px #FF0000; height:25px; }
#nav .mainlevel li {float:left;height:50px; background:url(Bt008_007_01_0000s_0004_DOT-LINE.png) no-repeat 1px 10px;}
#nav .mainlevel li a {padding:0 12px; line-height:30px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/font-size:14px;}
#nav .mainlevel li a:hover { text-decoration:none;}
.note { color:#707071;display:block; line-height:34px; padding:0 3em;}
#nav { margin-right: 200px;margin-top: 40px;display:block;}
ul,li {list-style-type:none; float:right; }






//menu
$(document).ready(function(){

$('li.mainlevel').mousemove(function(){
$(this).find('ul').slideDown();//you can give it a speed
});
$('li.mainlevel').mouseleave(function(){
$(this).find('ul').slideUp("fast");
});

});

我写的好好的,测试了一下然后就闪烁了两下不停留了,
我没加样式之前好好的,加了点图片什么的就变成触碰闪烁两下,
麻烦大神看看哪里错了,为毛好好的突然二级导航触碰不停留了.
我用的是jQuery1.4.2 jQuery 官网下的
...全文

相关推荐

5种高性价比纯CSS Hover交互效果实战指南

CSS Hover效果是前端交互设计中最基础也最关键的视觉反馈机制,其本质是通过transition与transform等原生属性,实现轻量、高性能的用户状态响应。原理上依赖GPU加速的声明式动画,规避JavaScript重排重绘带来的性能瓶颈,具备天然SEO友好性与渐进增强能力。技术价值体现在提升用户停留时长、点击率与转化率,已在电商、SaaS、摄影站等多类真实项目中验证有效。典型应用场景包括导航菜单悬停反馈、图片墙交互引导、卡片信息分层展示及头像/徽章3D质感增强。本文聚焦‘向上跳跃’‘文字淡入’等5种

rongdmmap

ZBrush 2026 安装与激活全攻略:从零到一开启数字雕刻之旅

数字雕刻是三维建模领域的重要分支,它通过模拟真实雕刻过程,让艺术家在虚拟空间内直观地塑造高精度模型。其核心原理在于利用细分曲面技术,将低多边形模型逐步细分为数百万甚至上亿个面,从而支持精细的细节刻画。这项技术的价值在于极大地提升了角色、生物和道具等复杂有机形态的创作效率与艺术表现力,广泛应用于影视特效、游戏开发和数字艺术创作。在实践层面,掌握如 Dynamesh 这样的动态网格重拓扑工具,是保证雕刻过程中网格均匀分布、避免模型破坏的关键。而 ZRemesher 则能自动优化模型拓扑,为后续的动画或烘焙流程做

weixin_34357887

飞翔的小鸟安卓源码深度解析:重力、碰撞与渲染机制

2D游戏开发中,物理模拟与渲染效率是决定体验的两大基石。重力加速度与点击冲量的数值平衡直接影响操作手感,而碰撞检测的容错设计则关乎公平性。在横版休闲游戏场景中,基于SurfaceView的游戏循环、时间步长矫正和对象池复用,能够有效保障长时间运行的流畅度。理解这些核心原理,不仅有助于跑通飞翔的小鸟安卓源码,还能为自定义改造提供清晰的切入点。本文围绕该经典项目,结合真机调试经验,分享重力、角速度、碰撞判定、视差滚动等关键实现,并给出屏幕适配与常见报错的解决方案。

weixin_34275734

【信息科学与工程学】计算机科学与自动化——第六十三篇 人机交互之前端交互参数知识库01

此方案可满足千万级并发需求,同时支持时序数据、知识图谱和文档数据库的高效处理,通过云原生架构实现极致弹性。​:每月约$15-20万(100节点K8s集群+数据库集群+CDN流量)1. 宠物上架/下架流程。

flyair_China

【信息科学与工程学】计算机科学与自动化——第六十三篇 人机交互之前端交互参数知识库02

每个分支下又细分了四个关键方向,并按照“研究对象/焦点、基本问题、核心理论/概念、研究方法、应用/目标、前沿/发展”的框架进行阐述,严格遵循了六级编码体系。在最终整合时,应建立唯一的学科分类编码表(例如,用两位数字或“ART”、“MED”、“ECO”等字母前缀),并确保所有下级编码(尺度、层次、类别、子类、具体项)的逻辑一致性。此回答中的编码为示例,实际系统需据此调整。控制过程(前馈、同期、反馈)、全面质量管理(TQM)、平衡计分卡(BSC)定量(调查、实验)、定性(访谈、民族志)、混合方法、大数据。

flyair_China
评论 4
收藏 已收藏
分享
返回顶部
geng471
CSS 61,117 成员 60,701 内容