页面导航下拉栏思路
来源:互联网 发布:淘宝的3c证书编号 编辑:程序博客网 时间:2024/05/29 17:48
简单布局:
<li class="floatL downList navlist"> <a href="javascript:;" class="navtxt">项目案例</a> <div class="downListCon" style="width: 220px;display: none;"> <div class="listDown"> <ul class="onelist"> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> </ul> </div> </div> </li>
js思路:
- 鼠标mouseover到父级元素li.downList
- 获取父元素下标,找到对应下标下拉框显示
var index = $(".downList").index($(this));
$(".downListCon").eq(index).show(); - 鼠标mouseleave(移出)downList
- 子元素隐藏
$(this).find(".downListCon").hide();
阅读全文
0 0
- 页面导航下拉栏思路
- 复杂导航栏页面实现的一点思路
- 下拉导航栏
- 导航栏,下拉菜单
- 导航栏下拉渐变
- 导航栏下拉菜单
- 设置导航栏透明,tableview不能下拉,并默认起点(0,0),页面消失后导航栏还原
- 导航栏下拉菜单制作
- 设置导航栏下拉菜单
- 下拉改变导航栏透明度
- 导航栏三级下拉特效
- 导航下拉
- 菜单伸缩改变导航栏思路
- 菜单伸缩改变导航栏思路
- ios 上滑隐藏导航下拉显示导航栏实现
- 图片下拉放大 导航栏下拉隐藏 上拉出现
- jquery导航栏下拉选择源代码。
- 纯css实现的下拉导航栏
- IntelliJ IDEA 自定义模板
- OSI参考模型介绍
- 解决安装photoshop提示”please uninstall and reinstall the product“
- 使用布局设计可伸缩的对话框
- 混合高斯模型(Mixtures of Gaussians)和EM算法
- 页面导航下拉栏思路
- 我是如何从软件测试员转软件开发工程师的?
- iOS 图片截取
- Firefox 火狐 浏览器下载文件文件名中文乱码解决
- 手动更新源列表文件解决Ubuntu的Unable to locate package无法更新源问题
- sql 用查询语句实现翻页功能
- struts2 action接收文件上传数据处理
- list四种遍历
- 【2017/6/13】2017年企业运维岗经典面试题(28题)