把第一張圖片放在第二章圖片下邊絕對(duì)定位,兩張圖片重合,第二張圖片最初透明度設(shè)為0,mouseover時(shí),透明度設(shè)為0.5就好了
創(chuàng)新互聯(lián)公司是一家網(wǎng)站建設(shè)、成都做網(wǎng)站,提供網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,建網(wǎng)站,按需開(kāi)發(fā),網(wǎng)站開(kāi)發(fā)公司,于2013年成立是互聯(lián)行業(yè)建設(shè)者,服務(wù)者。以提升客戶(hù)品牌價(jià)值為核心業(yè)務(wù),全程參與項(xiàng)目的網(wǎng)站策劃設(shè)計(jì)制作,前端開(kāi)發(fā),后臺(tái)程序制作以及后期項(xiàng)目運(yùn)營(yíng)并提出專(zhuān)業(yè)建議和思路。
#tianqi2:hover .tianqi2-1 a{color: greenyellow;}
這樣就可以了,當(dāng)劃過(guò)外面div的時(shí)候,里面的a標(biāo)簽中的顏色都改變了,但是你不覺(jué)得“中度”改變的話(huà)很怪,只需要中間文字顏色變了就行。
首先糾正一下,百度首頁(yè)右上角的《更多產(chǎn)品》那里的不叫動(dòng)畫(huà),叫懸浮,是通過(guò)hover設(shè)置的一些屬性,其實(shí)實(shí)現(xiàn)很簡(jiǎn)單,就是先把懸浮出來(lái)的頁(yè)面寫(xiě)好,然后display:none;先把它隱藏起來(lái),然后通過(guò)設(shè)置:hover{display:block;}來(lái)控制它,就是鼠標(biāo)移動(dòng)上去的時(shí)候就顯示。
div class="bg"
video width="1899" autoplay="autoplay" loop="loop"
source type="video/mp4" src=""/
/video
div class="fd_gif"img src="../.gif"http://div
/div
style
.bg {position: relative;}
.fd_gif {position: absolute;z-index:99;top:0;left:0;}
/style