聯(lián)系官方銷售客服
1835022288
028-61286886
投訴
解決中 / 官方已回 鼠標(biāo)懸停在文章列表頁(yè)縮略圖時(shí)候 圖片放大效果
11 0
請(qǐng)問(wèn) 鼠標(biāo)懸停在文章列表頁(yè)縮略圖時(shí)候 圖片放大效果 應(yīng)該怎么加
這個(gè)前段JS效果了，可以百度找一找資料
回復(fù)迅?？蚣軇?chuàng)始人 好的 謝謝 有其他大神的多指點(diǎn)下 百度里面的很多不能用
js特效啊
百度搜搜索，jquery特效
。。html特效，去百度搜索就可以找到
/*圖片經(jīng)過(guò)后當(dāng)大*/
.img_scale {
width: 100%;
overflow: hidden;
}
.img_scale img {
cursor: pointer;
transition: all 0.8s;
}
.img_scale img:hover {
transform: scale(1.2);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>訊睿</title>
</head>
<style>
a {
position: relative;
}
a img{
display: none;
position:absolute;
left: 50%;
margin-left: -60px;
margin-top: -2px;
}
a:hover img{
display: block;
}
</style>
<body>
<a href="" class="text-muted">
<span>訊睿</span><br />
<img src="圖片地址" alt="訊睿" width="130px"/>
</a>
</body>
7樓方法最佳，簡(jiǎn)單方便
基礎(chǔ)的html知識(shí)！
七樓是全局的效果
有些地方用不著就多余了
七樓可行，前端開(kāi)發(fā)都寫(xiě)的出來(lái)
基礎(chǔ)姿勢(shì)，html特效