CSS實現隱藏和顯示功能的程式碼
- 高洛峰原創
- 2017-03-08 13:43:562242瀏覽
廢話不多說，直接給大家貼程式碼了
關鍵程式碼如下圖：
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
.trans-fadeout{
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
.image-fadeout{ position:absolute;opacity:0 }
.hover-fadeout:hover .image-fadeout{ opacity:1 }
</style>
</head>
<body>
<p class="hover-fadeout">
<img class="trans-fadeout image-fadeout lazy" src="/static/imghwm/default1.png" data-src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" / alt="CSS實現隱藏和顯示功能的程式碼" >
<a href="#" _fcksavedurl=""#"" >经过我显示图片</a>
</p>
以上所述是小編給大家介紹的CSS實現隱藏和顯示功能的程式碼，希望對大家有幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持！
以上是CSS實現隱藏和顯示功能的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn