图片展示特效_学习笔记

首页免费课图片展示特效笔记

图片展示特效

                
                vivian
            Web前端工程师

                    查看讲师更多课程 
                    vivian讲师的其他课程
                
JS动画效果
初级·113909
免费课程
                                
                难度初级
            
                时长47分
            
                学习人数
            
综合评分9.53
                            97人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

最热最新

慕田峪7461845 01:21

图片显示特效

查看全部

0 采集收起来源：简单展示效果
2017-05-01
侠客岛的含笑 05:43

透明度兼容

查看全部

0 采集收起来源：简单展示效果
2017-04-13
红尘有猫

<div> <ul> <li> <a href="#"> <img src="1.jpg"></img> <span>文字内容</span> </li> </ul> </div>

查看全部

0 采集收起来源：简单展示效果
2018-03-22
夜莺z

< dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目， <dd>< /dd>用来创建列表中最下层项目， < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

查看全部

0 采集收起来源：多行侧位展示效果
2018-03-22
夜莺z

style的right属性： auto 默认。通过浏览器计算右部的位置。 length 使用 px、cm 等单位定义元素的右边到最近一个具有定位设置父元素的右部边缘的位置。可使用负值。 % 定义元素的右边到最近一个具有定位设置父元素的右部边缘的百分比位置。 inherit right 属性的值从父元素继承。

查看全部

0 采集收起来源：单行侧位展示效果
2017-03-18
夜莺z

<script> function omove(obj) { obj.onmouseover = function () { var a = obj.getElementsByTagName('a')[0]; a.style.top = 0; }; obj.onmouseout = function () { var a = obj.getElementsByTagName('a')[0]; a.style.top = 120+'px'; } } var div = document.getElementsByTagName('div'); for(var i = 0;i<div.length;i++){ omove(div[i]); } </script>

查看全部

0 采集收起来源：代码优化
2018-03-22
夜莺z 04:07

图片上移效果实现：a标签的top值由180到0

查看全部

0 采集收起来源：简介与原理
2017-03-18
夜莺z 02:18

当定义的CSS中有position属性值为absolute、relative或fixed，用z-index此取值方可生效。此属性参数值越大，则被层叠在最上面。

查看全部

1 采集收起来源：简单展示效果
2017-03-18
夜莺z

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

查看全部

0 采集收起来源：简单展示效果
2017-03-18
夜莺z

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 采集收起来源：练习题
2017-03-18
烟火里

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 采集收起来源：练习题
2017-02-28
qq_淡丶漠_0

filter:alpha(Opacity=50); 为ie6设置的，可取值在0-100 -moz-opacity：0.5 老版本的firefor opacity：0.5 是css的标准，该属性支持firefox safari 和opera -khtml-opacity：0.5 使用khtml内核而不是webkit内核的safari -webkit-opacity：0.5 旧的safari，chrome

查看全部

0 采集收起来源：简单展示效果
2017-02-22
创心

这集要多看几遍

查看全部

0 采集收起来源：深度代码优化
2017-01-03
JIAN7

可以

查看全部

0 采集收起来源：简单展示效果
2016-12-31
Anthonyxd

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-11-26