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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

一款基于css3的列表toggle特效實(shí)例教程

2024-07-11 08:54:50
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

　　今天給大家?guī)?lái)一款基于css3的列表toggle特效。右上角一個(gè)按鈕，當(dāng)列表不顯示的時(shí)候，單擊按鈕列表動(dòng)畫(huà)出現(xiàn)，當(dāng)列表顯示時(shí)，單擊按鈕，列表動(dòng)畫(huà)消失，效果圖如下：

　　實(shí)現(xiàn)的代碼。

　　htm代碼：

復(fù)制內(nèi)容到剪貼板
  1. <div class='menu'>   
  2.         toggle visibility</div>   
  3.     <ul class='list reverse'>   
  4.         <li class='item'>Item 1</li>   
  5.         <li class='item'>Item 2</li>   
  6.         <li class='item'>Item 3</li>   
  7.         <li class='item'>Item 4</li>   
  8.         <li class='item'>Item 5</li>   
  9.         <li class='item'>Item 6</li>   
  10.         <li class='item'>Item 7</li>   
  11.         <li class='item'>Item 8</li>   
  12.         <li class='item'>Item 9</li>   
  13.         <li class='item'>Item 10</li>   
  14.         <li class='item'>Item 11</li>   
  15.         <li class='item'>Item 12</li>   
  16.     </ul>  

　　css3代碼：

CSS Code復(fù)制內(nèi)容到剪貼板

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 韶关市| 郑州市| 鄄城县| 洪江市| 盐亭县| 桦川县| 翁牛特旗| 山西省| 西盟| 新疆| 孝感市| 田东县| 元朗区| 贺兰县| 塘沽区| 沅陵县| 晋州市| 南江县| 安达市| 安顺市| 纳雍县| 北宁市| 天门市| 淮滨县| 吉隆县| 三江| 尉犁县| 米脂县| 临邑县| 肥乡县| 高碑店市| 郓城县| 海阳市| 揭东县| 台安县| 壶关县| 乌拉特后旗| 珲春市| 运城市| 芒康县| 唐山市|