国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程:滑動門與選項卡

2024-07-11 09:04:21
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:說起來滑動門也不是什么高深的技術,也只是CSS的一種手法罷了。它是利用背景圖像的交迭以及相互滑動來實現一些效果。最常見的就是圓角的導航了,我們可以把一左一右兩個圓角背景想像成兩扇可以滑動的門,他們可以滑到一起并交迭以顯示較少的內容,也可以相互滑開以顯示

  其實CSS滑動門這個概念早在幾年前就已經出現了,只是近來年被提得比較多而已。但是常常有人把它跟選項卡效果混淆在一起,特別是一些新手朋友,所以我在這里寫篇詳解,希望能有所幫助。

  說起來滑動門也不是什么高深的技術,也只是CSS的一種手法罷了。它是利用背景圖像的交迭以及相互滑動來實現一些效果。最常見的就是圓角的導航了,我們可以把一左一右兩個圓角背景想像成兩扇可以滑動的門,他們可以滑到一起并交迭以顯示較少的內容,也可以相互滑開以顯示較多的內容,就如下圖所示:

CSS教程:滑動門與選項卡

  在以往的一些教程中,都喜歡把背景圖切成一寬一窄兩部分進行拼接,其實一張圖就足矣。

  在這里,我們只用了跟兩個標簽,樣式可以定義三種狀態,可以說是最簡單的一種方式了。


[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 舟曲县| 阿拉善右旗| 凉城县| 大化| 咸宁市| 尉氏县| 乌拉特前旗| 逊克县| 师宗县| 布尔津县| 新邵县| 尉氏县| 吴旗县| 青岛市| 横山县| 淮南市| 巫溪县| 海原县| 百色市| 山阳县| 土默特右旗| 顺平县| 崇文区| 年辖:市辖区| 合山市| 邓州市| 双峰县| 新竹县| 南阳市| 台中县| 日照市| 涪陵区| 龙里县| 岢岚县| 堆龙德庆县| 扶绥县| 广州市| 长兴县| 藁城市| 定安县| 乐都县|