CSS實現(xiàn)隱藏和顯示功能的代碼
發(fā)布時間：2016-07-01 14:18:12 作者：佚名 
我要評論
我要評論本文給大家介紹了css實現(xiàn)隱藏和顯示功能的實例代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，有需要的朋友可以參考下
廢話不多說，直接給大家貼代碼了
關(guān)鍵代碼如下所示：
CSS Code復(fù)制內(nèi)容到剪貼板
- <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>
- <div class="hover-fadeout">
- <img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" class="trans-fadeout image-fadeout" />
- <a href="#" _fcksavedurl=""#"" >經(jīng)過我顯示圖片</a>
- </div>
以上所述是小編給大家介紹的CSS實現(xiàn)隱藏和顯示功能的代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
CSS文本超出指定寬度后隱藏并顯示為省略號的實現(xiàn)方法
下面小編就為大家?guī)硪黄狢SS文本超出指定寬度后隱藏并顯示為省略號的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-24- 這篇文章主要介紹了如何利用css的樣式對文本進行隱藏和顯示等操作，需要的朋友可以參考下2014-05-08
- 這篇文章主要介紹了css樣式怎么顯示省略號，即當(dāng)超過自定義寬度時隱藏顯示省略標記，比較實用，需要的朋友可以參考下2014-04-18
- css樣式，想必很多從事網(wǎng)頁布局的朋友對它很熟悉吧，常見的用法就不說了，本文主要為大家介紹下css樣式的零碎用法包括樣式的動態(tài)添加及樣式的顯示和隱藏等等，喜歡的朋友可2014-04-01
- 顯示隱藏一個div特效的方法有很多，下為大家介紹下使用純css3是如何實現(xiàn)的，感興趣的朋友可以參考下2014-02-10
- 文字的顯示和隱藏，在某些時候還是比較實用的，可能對于初學(xué)者有些難度，下面為大家簡單介紹下具體的實現(xiàn)，感興趣的朋友可以參考下2013-08-18
利用CSS3的checked偽類實現(xiàn)OL的隱藏顯示的方法
隨著CSS3的發(fā)布，國外研究正如火如荼，但在國內(nèi)還有很多人抱著IE不支持CSS3的想法，始終無動于衷不肯去學(xué)習(xí)。2010-12-18從A頁面連接到B頁面后并直接把B頁面的隱藏層顯示-CSS教程-網(wǎng)頁制作-網(wǎng)
這個效果實現(xiàn)的是，在B頁面里有兩個層，一個顯示層，我們暫定名c層，一個是隱藏層，我們暫定名d層，單獨進B頁面的時候，c層顯示，d層隱藏，然而從A頁面連接到B頁面的時2008-10-17