为了账号安全,请及时绑定邮箱和手机立即绑定

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • ul li:hover ul{display:block;}//鼠标经过ul li 时 ul li 嵌入的ul显示块 菜单或下拉菜单,可以使用序列表,即:ul li 。
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-31

  • 学习: 1、在写jQuery前,要先引入jQuery库,<script src=""></script>; 2、获取子对象,.children; 3、显示与隐藏对象,show() & hide();
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 最后中文文字上移,让我慌了一下,写了个top:-20;真不知道怎么想的,晕了~margin-top:-20px;
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-31

  • 根据标签名获取方法是:getElementsByTagName(); 鼠标经过的事件:onmouseover 鼠标离开的事件:onmouseout
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-31

  • 不错哦,呵呵呵 顺便问一下怎么上传代码快照,都上传了,我也要 %>_<%
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 导航条
    查看全部
  • aho
    lowttjm
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-24

  • nice啊
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-24

  • 感觉自己萌萌哒
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-24

  • CSS3实现动画菜单尖角: 四个方向的三角箭头: border-bottom:10px solid red; border-left:10px solid green; border-right:10px solid blue; border-top:10px solid grey; 上箭头: border-bottom:10px solid transparent; border-left:10px solid transparent; border-right:10px solid blue; border-top:10px solid transparent; 左箭头: border-bottom:10px solid red; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid transparent; 兼容IE版本小于7的js: $(function(){ if($.browser.msie && browser.version.substr(0,1)<7){ $("li").has("ul").mouserover(function(){ $(this).children("ul").css("visibility","visible"); }).mouseout(function(){ $(this).children("ul").css("visibility","hidden"); }) } });
    查看全部
  • CSS3实现动画菜单: 渐变背景:backgroiund-image:linear-gradient(#444,#111); 圆角:border-radius:6px; 阴影:box-shadow:0 1px 1px #777; zoom:1清除浮动 动画过渡:transition:all .2s ease-in-out transition配合hover使用
    查看全部
  • CSS3实现动画菜单分析: 实现圆角:border-radius 实现阴影:box-shadow 实现渐变背景:linear-gradient 实现过渡:transition 实现尖角: :before
    查看全部
  • JS实现动画菜单: setTimeout()展开和收起
    查看全部
  • jquery实现动画菜单: $(document).ready(function(){ $(".top-nav li").mousemove(function(){ $(this).find("ul").slideDown("1000"); } ); $(".top-nav li").mouseleave(function(){ $(this).find("ul").slideUp("slow"); } ); });
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!