html 頁面標籤轉換效果例項

2021-06-28 19:07:58 字數 1021 閱讀 9351

先來一張圖

如圖，頁面的左右兩邊都可以進行切換。

**很簡單，首先需要jquary的js。

主要html**：

資訊        


資料        


曲線        


地圖
主要js**：

主要css**：

body 


#tabbed_box_1 


.tabbed_box h4 


.tabbed_box h4 small 


.tabbed_area 


ul.tabs 


ul.tabs li 


ul.tabs li a 


ul.tabs li a:hover 


ul.tabs li a.active 


.content 


#content_2, #content_3,#content_4 


.content ul 


.content ul li 


.content ul li:last-child 


.content ul li a 


.content ul li a small 


.content ul li a:hover 


.content ul li a:hover small
這裡需要注意標籤的開始隱藏在這裡需要設定

#content_2, #content_3,#content_4
順便將我右邊頁面的**全部貼出

資訊        


資料        


曲線        


地圖

mac chrome 標籤效果實現

google 發布了 mac 版的chrome，據說增加了幾萬行 mac 下特有的平台 效能沒啥察覺，倒是 mac chrome 的標籤效果挺有趣，在關閉和開啟新標籤時，按照google的說法，順應mac平台增加了一些滑動效果。在 tabpanellite 實現一下呵 演示 google code ...

jQuery滑動效果例項

parents expr 取得乙個包含著所有匹配元素的祖先元素的元素集合 不包含根元素 可以通過乙個可選的表示式進行篩選。獲取的是集合。html hello hello again jquery span parents p 找到每個span的所有是p元素的祖先元素。find expr 搜尋所有與指...

css 頁面效果實用篇

頁面常用css效果 一.預設三元素 超出部分用省略號表示 overflow hidden 超出部分隱藏 while space nowarp 內容強制不換行 text overflow ellipsis 設定超出部分用省略號表示 效果 二.頁面中的字母大小寫 text transform capit...