CSS是層疊樣式表(Cascading Style Sheets)的縮寫,它是一種定義HTML或XML等文件展示方式的語言。其中,CSS3提供了很多有趣的特效,本文就來介紹如何讓一個層在幾秒鐘后消失。
/*首先,我們來定義需要消失的元素的外觀,這里以一個div為例*/ div { background-color: #f2f2f2; width: 200px; height: 100px; text-align: center; line-height: 100px; font-size: 20px; } /*接下來,我們給這個div定義一個類,用于添加樣式*/ .hide { /*這里使用了CSS3中的過渡效果transition,讓層漸漸消失*/ transition: opacity 2s linear; /*將透明度設(shè)置為0,使其看起來消失*/ opacity: 0; }
現(xiàn)在,我們已經(jīng)定義了需要消失的元素和要添加的類。接下來,我們需要通過jQuery讓元素在幾秒鐘后自動添加這個類并消失。
這個層將在幾秒鐘內(nèi)消失
現(xiàn)在,層已經(jīng)設(shè)置好了,運(yùn)行代碼后會看到,2秒鐘后這個層會漸漸消失。