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

图片展示特效

难度初级
时长47分
学习人数
综合评分9.53
97人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • for循环的流程
    查看全部
    0 采集 收起 来源:深度代码优化

    2015-07-04

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

    2015-07-04

  • div1.onmouseover=function(){ div1.getElementsByTagName('a')[0].style.top=0; } div1.onmouseout=function(){ div1.getElementsByTagName('a')[0].style.top=160; } ●对于等号后面的值的写法 正确写法1: oBox1.getElementsByTagName("a")[0].style.top=0; oBox1.getElementsByTagName("a")[0].style.top=160+"px"; 正确写法2: oBox1.getElementsByTagName("a")[0].style.top="0"; oBox1.getElementsByTagName("a")[0].style.top="160px"; 错误写法1: oBox1.getElementsByTagName("a")[0].style.top=160px; 错误写法2: oBox1.getElementsByTagName("a")[0].style.top=160;
    查看全部
    0 采集 收起 来源:图片展示制作

    2018-03-22

  • 块状元素 一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。常见块状元素为div和p。 内联元素 内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。常见内联元素为“a”。 做了个对比表,帮助大家更容易理解。 内联元素的宽度(width)高度(height)不起作用,它的大小只随内部文本或者其他内联元素变化 1、布局: <div id="pic1"> <img src="" /> <a href="#" > 描述文字 </a> </div> 2、CSS样式: ▲ 对div ①相对定位 ②overflow:hidden ▲ a标签绝对定位 3、效果实现需要:当鼠标放到div上时即#pic1:hover,让a标签的top:0px;
    查看全部
    0 采集 收起 来源:简介与原理

    2018-03-22

  • Opacity设置透明度,取值为0-100。 . filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 . -moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% . opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
    查看全部
    0 采集 收起 来源:练习题

    2015-07-03

  • hello world...
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-02

  • http://img1.sycdn.imooc.com//5516077700017ea412000530-156-88.jpg
    查看全部
  • CSS样式中设置filter:alpha(Opacity=50);实现半透明颜色效果? Opacity设置透明度,取值为0-100。 . filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 . -moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% . opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
    查看全部
    0 采集 收起 来源:练习题

    2015-06-16

  • 设置背景半透明: filter:alpha(opacity=50);为IE6设置,取值范围0-100 -moz-opacity:0.5;取值范围0-1;老版本的Firefox。 -khtml-opacity:0.5;使用KHTML内核而不是webkit内核的Safari -webkit-opacity:0.5;旧Safari,Chrome; opacity:0.5;它是CSS标准,该属性Firefox,Safari和Opera都支持。
    查看全部
    0 采集 收起 来源:简单展示效果

    2015-06-13

  • Opacity设置透明度,取值为0-100。 . filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 . -moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% . opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
    查看全部
    0 采集 收起 来源:练习题

    2015-06-12

  • 多层排列
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-07

  • 记住多尝试
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-07

  • 解析 Opacity设置透明度,取值为0-100。 . filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 . -moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% . opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
    查看全部
    0 采集 收起 来源:练习题

    2015-06-07

  • 兼容性浏览器的透明度设置
    查看全部
    0 采集 收起 来源:简单展示效果

    2015-06-07

  • Opacity设置透明度,取值为0-100。 . filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 . -moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% . opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明
    查看全部
    0 采集 收起 来源:练习题

    2015-05-31

举报

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

微信扫码,参与3人拼团

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

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