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

图片展示特效

难度初级
时长47分
学习人数
综合评分9.53
97人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • while循环只要指定条件为true,循环就可以一直执行代码。 while和for比较: for使用场合是适合于知道循环次数的场合,for(i=0;i<n;i++){语句}循环条件是n是已知数,可以循环n次 while使用场合是适合于不知道循环次数的场合,while(i<n){语句},循环条件是不知道要循环多少次,但当i>n的时候停止循环
    查看全部
  • 透明度: opacity:0.5; //取值0-1,半透明为0.5,CSS标准,支持firefox、safari、opera filter:alpha(opacity=50); //为IE6设的,可取值在0-100 -moz-opacity:0.5; //老版本的firefox -khtml-opacity:0.5; //使用KHTML内核而不是webkit内核的safari -webkit-opacity:0.5; //旧的safari,chrome
    查看全部
    0 采集 收起 来源:简单展示效果

    2014-12-26

  • 编程练习 实现鼠标经过图片时,信息显示在图片的右侧,最后一个图片信息显示在图片的左侧,鼠标离开时信息隐藏。 注意:1.本实战主要完成最后一个图片信息位置的显示。 2.一个问号?代表一个问题 素材: 任务 一、获取最后一个li 1.补充第97行代码,因为lis是存储li集合的一个数组变量,所以使用数组方法表示最后一个li。 二、设置最后图片信息显示 1. 补充第98行代码,使style.left清空。 2. 补充第99行代码,设置style.right,使图片信息显示在左侧。
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-18

  • 一、利用div+css对图片进行布局(41行代码注释) 提示:图片信息层<a>属性top值的设置 二、利用for循环思路配合定位完成图片信息显示及隐藏效果(82、88、95行代码注释) 提示: 1.用for语句去循环每一个元素,当前元素触发onmouseover及onmouseout事件 2.事件里去处理top的值,达到想要的效果 扩展:可以动手试验,如果信息提示层是从左侧向右显示及隐藏,该如何实现呢?
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 图片信息内容从底部向上显示与隐藏。
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-14

  • for循环 初值 中值 步长
    查看全部
    0 采集 收起 来源:深度代码优化

    2014-12-13

  • div1.onmouseover=function(){ div1.getElementsByTagName('a')[0].style.top=0; } div1.onmouseout=function(){ div1.getElementsByTagName('a')[0].style.top=160; }
    查看全部
    0 采集 收起 来源:图片展示制作

    2014-12-04

  • 内联元素的宽度(width)高度(height)不起作用,它的大小只随内部文本或者其他内联元素变化
    查看全部
    0 采集 收起 来源:简介与原理

    2014-12-04

  • 块状元素 一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。常见块状元素为div和p。 内联元素 内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。常见内联元素为“a”。 做了个对比表,帮助大家更容易理解。
    查看全部
    0 采集 收起 来源:简介与原理

    2014-12-04

  • opacity透明度设置:CSS样式取值范围 0-1
    查看全部
    0 采集 收起 来源:简单展示效果

    2014-12-04

  • IE6 filter:alpha(Opacity=50);
    查看全部
    0 采集 收起 来源:简单展示效果

    2014-12-04

  • opacity
    查看全部
    0 采集 收起 来源:简单展示效果

    2014-12-04

  • http://img1.sycdn.imooc.com//547c3e08000117e912000530-120-68.jpg <a href="#"> <img src="#"></img> <span></span> </a> opacity透明度设置:CSS样式取值范围 0-1
    查看全部
    0 采集 收起 来源:简单展示效果

    2018-03-22

  • 鼠标经过左侧显示信息,最后一个在右侧显示信息
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-15

  • 鼠标经过实现半透明文字上浮显示
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-09

举报

0/150
提交
取消
课程须知
1. 您至少具备HTML/CSS基础知识。 2. 您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1. 理解各种展示效果的原理; 2. 灵活运用position定位属性,实现位置的变化; 3. 掌握for 和 while 循环语句使用方法; 4. 兼容不同浏览器,设置透明属性; 5. 多种方法实现效果,并对代码进行逐步优化。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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