只需要使用css完成Tab切換功能

2021-08-08 10:27:21 字數 389 閱讀 5380

傳統的tab切換功能一般使用的是div+css+js實現的,而若是不依靠js,只憑藉div+css可以實現這樣的功能嗎?答案其實是可以的,這其中的奧秘在於css3的偽類以及相鄰選擇器,下面是**示例:

首頁我是首頁

頁籤1內容1內容1內容1

頁籤2內容2內容2內容2

頁籤3內容3內容3內容3

頁籤4內容4內容4內容4

頁籤5內容5內容5內容5

測試過以上**在各種主流瀏覽器的相容性沒有什麼問題,除了ie8及以下(低版本的ie瀏覽器只能乖乖的用js實現了),總體來講,能夠使用css實現的功能就不要用js來實現,畢竟關係到效能效率等問題,如果大神們發現有什麼問題或者有更好的提議也隨時歡迎來一起討論!

iOS 使用 RSA 加密, 只需要公鑰

在 ios 上,加密被和安全性進行了強繫結,所以,你不能只做加密 至少公開文件不告訴你如何只做加密 但事實上,很多時候我們加密,並不是要求 100 的安全,只是希望能得到加密本身所帶來的安全,既不考慮資料重放,也不考慮第三者攻擊,也不考慮身份偽裝.我們僅僅是需要 加密,rsa 非對稱加密.物理上的和...

只需要乙份需求

這兩個月來,主要都是在進行和需求相關的培訓和諮詢,我發現在行業裡乙個根深蒂固的認識是需要 可以存在多份不同格式的分立的需求文件 業務人員可以寫乙份意識流的業務 客戶 需求文件,開發人員可以在再寫乙份充斥著分析結果及 it術語的軟體 軟體 需求,測試人員則可以寫乙份閉門造車的測試需求。好像每個人都很好...

只需要乙份需求

這兩個月來,主要都是在進行和需求相關的培訓和諮詢,我發現在行業裡乙個根深蒂固的認識是需要 可以存在多份不同格式的分立的需求文件 業務人員可以寫乙份意識流的業務 客戶 需求文件,開發人員可以在再寫乙份充斥著分析結果及it術語的軟體 軟體 需求,測試人員則可以寫乙份閉門造車的測試需求。好像每個人都很好的...