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

图片展示特效

难度初级
时长47分
学习人数
综合评分9.53
97人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • .onmouseover = function X(){}; .onmouseout = function Y(){};
    查看全部
    0 采集 收起 来源:代码优化

    2016-08-19

  • index 传递索引
    查看全部
    0 采集 收起 来源:代码优化

    2016-08-19

  • 封装成函数:
    查看全部
    0 采集 收起 来源:图片展示制作

    2016-08-19

  • var atop = document.getElementsByTagName('a')[0].style.top = 0; getElementsByTagName('a')[0] 返回一个数组[]; 索引下标[0]= 第一个a元素.
    查看全部
    0 采集 收起 来源:图片展示制作

    2016-08-19

  • 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 采集 收起 来源:练习题

    2016-08-19

  • 使用RGBA(); 搞定?
    查看全部
    0 采集 收起 来源:简单展示效果

    2016-08-19

  • 图片效果展示核心代码
    查看全部
    0 采集 收起 来源:图片展示制作

    2016-08-10

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

    2016-08-06

  • CSS透明度兼容 filter:alpha(Opactiy=50); /*为IE6设的,可取值在0-100*/ -moz-opacity:0.5; /*老版本的FireFox*/ opacity:0.5; /*标准 支持FF safari opera*/ -khtml-opacity:0.5; /*使用KHTML内核而不是webkit内核的Safari*/ -webkit-opacity:0.5; /*旧的Safari,Chrome*/
    查看全部
    0 采集 收起 来源:简单展示效果

    2016-05-27

  • 兼容各个浏览器的设置。
    查看全部
    0 采集 收起 来源:简单展示效果

    2016-05-23

  • 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 采集 收起 来源:练习题

    2016-04-30

  • left: auto; left的值 自适应。 会根据right的值,left自适应left的值。
    查看全部
  • 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 采集 收起 来源:练习题

    2016-04-10

  • 透明应用
    查看全部
    0 采集 收起 来源:简单展示效果

    2016-03-23

  • 对比图
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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