dw如何制做电脑鼠标历经标志更改色调?

2020-10-31 03:44 jianzhan

Dreamweaver设计方案网页页面的情况下,会插进各种各样标志,要想制做1个电脑鼠标历经标志时标志更改色调的实际效果,该如何制做呢?下面大家就看来看详尽的实例教程。

手机软件名字:
Adobe Dreamweaver CC 2018 64位 官方版
手机软件尺寸:
600MB
升级時间:
2017⑴0⑶0马上免费下载

1、提前准备好1对标志,尺寸同样,色调不一样。

2、随后在body文本文档中,插进第1场照片,编码是<li><img src="img/ad_01.png" alt=""></li>

3、插进第1张照片后,在正下方插进和他色调不一样的另外一张照片,选用同级的关联

4、对她们的父集ul加上精准定位position:relative;并对第1张照片设定肯定精准定位,ul li:nth-child(1){position:absolute;left:0;top:0;}部位层面能够依照自身必须调剂

5、对第2张照片解决方式同样,也是肯定精准定位,部位和第1张照片同样,这样精准定位后,后边的第2张照片会遮盖在第1张照片的上方

ul li:nth-child(2){position:absolute;left:0px;top:0;}

6、在刚开始前将第2张照片设定为掩藏display:none;当电脑鼠标历经时显示信息第2张照片

7、设定完对第2张照片的掩藏后,设定当电脑鼠标历经ul时,第2张照片显示信息ul:hover li:nth-child(2){display:block;}

以上便是dw制做电脑鼠标历经标志标志更改色调的实例教程,期待大伙儿喜爱,请再次关心脚本制作之家。

有关强烈推荐:

DW如何制做电脑鼠标历经照片逐渐变暗实际效果?

Dreamweaver如何制做电脑鼠标点一下掩藏恶性事件?

dreamweaver如何制做电脑鼠标历经照片转换的实际效果?