网页小项目
yao_zhanzhan
这个作者很懒,什么都没留下…
展开
-
以京东为例简单无延迟菜单实现(一)
以京东为例简单无延迟菜单实现 从页面上看,主要由两个菜单组成,当鼠标移动到主菜单上时,子菜单便会显示,这种显示显然是具有无延迟性 对于主菜单采用一个div包含内容,并采用无序列表ul -<div class="demo1"><ul> <li data-id="a"> <span>家用电器</span> </li> <l...原创 2019-03-19 18:45:20 · 362 阅读 · 0 评论 -
以京东为例简单无延迟菜单实现(二)
以京东为例简单无延迟菜单实现(菜单样式) .demo1{ position: relative; width:200px; left:50px; top:50px; } ul{ padding: 0px; margin: 0px; list-style: none; background: #6c6669; color: #...原创 2019-03-20 19:23:10 · 167 阅读 · 0 评论 -
以京东为例简单无延迟菜单实现(三)
以京东为例简单无延迟菜单实现(脚本) $(document).ready(function(){ var sub = $("#sub") var activeRow var activeMenu $("#test").on('mouseenter',function(e){ sub.removeClass('none') }) $...原创 2019-03-20 20:33:23 · 180 阅读 · 0 评论