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

信息列表制作

难度初级
时长 2小时 0分
学习人数
综合评分9.50
77人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.1 逻辑清晰
  • jsDOM 0级事件:onmouseover jquery:museover
    查看全部
  • /*jq有Id的时候 $(document).ready(function(){ $("#list").mouseover(function(){ $("#dl").css("display","block"); }); $("#list").mouseout(function(){ $("#dl").css("display","none"); }) });*/ /*js // onmouseover="showdl(this)" onmouseout="hidedl(this)" // onmouseover="showdl(this)" onmouseout="hidedl(this)" function showdl(obj){ var dl=obj.getElementsByTagName('dl')[0]; dl.style.display="block"; } function hidedl(obj){ var adl=obj.getElementsByTagName('dl')[0]; adl.style.display="none"; }*/
    查看全部
  • list-style-type的用法
    查看全部
    0 采集 收起 来源:普通信息列表

    2015-08-04

  • list-style-type-imge: ; list-style-type-position; list-style-type:
    查看全部
    0 采集 收起 来源:普通信息列表

    2015-08-04

  • 通过ID获取元素,注意: ID前要加# ,语法: $("#ID名称")或者jQuery("#ID名称") 在jQuery中,是通过ID获取元素,语法: $("#id名称")或者jQuery("#id名称")。 jQuery通过标签名获取元素,语法: $("标签名")或者jQuery("标签名") javascript事件有 "on" ,jQuery没有"on" jQuery中的mouseover(鼠标移入)、mouseout(鼠标移出)
    查看全部
    0 采集 收起

    2018-03-22

  • 该项设置三个属性值: list-style-type/ list-style-position/ list-style-image 其中list-style-type:none去除列表默认样式。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-23

  • 使用Javascript实现纵向手风琴效果:
    查看全部
    0 采集 收起 来源:实践题

    2015-06-07

  • 使用Javascript实现纵向手风琴效果:
    查看全部
    0 采集 收起 来源:实践题

    2015-06-07

  • 加油加油加油
    查看全部
    0 采集 收起 来源:实践题

    2015-06-07

  • ul 标签:HTML无序列表 1.ul标签是成对出现的,以<ul>开始,</ul>结束 2.每一列使用<li>标签定义,每一列使用一个点作为开头 实例: <ul> <li>www</li> <li>imooc</li> <li>com</li> </ul> 结果: www imooc com 属性: 1.CSS list-style-type 属性 用来定义li列表的项目符号的,即列表前面的修饰。 语法结构: list-style-type:值 属性的属性值有很多,在这里列举比较常用的几个。 none:不使用项目符号。 disc:实心圆。 circle:空心圆。 square:实心方块。 demical:阿拉伯数字。 lower-alpha:小写英文字母。 upper-alpha:大写英文字母。 lower-roman:小写罗马数字。 upper-roman:大写罗马数字。 2.CSS list-style-image 属性 用来定义使用图片代替项目符号。 语法结构: list-style-image:值 属性取值: none:没有替换的图片。 url:要替换图片的路径。 3.CSS list-style-position 属性 用来定义项目符号在列表中显示位置的属性。 语法结构: list-style-position:值 属性取值: inside:项目符号放置在文本以内。  outside:项目符号放置在文本以外。
    查看全部
  • 使用Javascript实现纵向手风琴效果:
    查看全部
    0 采集 收起 来源:实践题

    2015-05-18

  • span内联属性: 其宽、高、margin都不会起作用;需要添加display:inline-block 不理解的点: 1、居中 margin:0 auto;
    查看全部
    0 采集 收起 来源:普通信息列表

    2015-05-19

  • span标签为内敛元素,widht,height,等属性没有作用。如果要想它保持内敛元素的属性,而且也要让height等属性起作用,那么使用 display:inline-block;
    查看全部
    0 采集 收起 来源:普通信息列表

    2015-05-07

  • 知识点
    查看全部
  • jq手风琴
    查看全部

举报

0/150
提交
取消
课程须知
1. 您至少具备HTML基础知识,如<ul>、<li>、<a>、<dl>、<dt>、<dd>等标签; 2. 您至少熟悉JavaScript基础知识,如何插入JS代码、利用鼠标事件、获取DOM元素; 3. 您至少熟悉jQuery基础知识,如何引用jQuery库,了解语法;
老师告诉你能学到什么?
拉风的信息列表,带超链接效果、带高亮效果和带手风琴效果,运用CSS样式、JavaScript和jQuery三种方法现实带手风琴效果的信息列表。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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