---
# System prepended metadata

title: U10 CodePen 選單調整
tags: [切切切]

---

# U10 CodePen 選單調整

###### tags: `切切切`
>之前有參考恬恬分享的各個動態來分類 
https://hackmd.io/veFUYNtuTHW6KGnJ_V3hfw 


以下是目前CodePen 的分類項目 
* https://codepen.io/  帳號：u00hyweb 密碼：hywebu00
><font color="#009ee7">藍色字是想改變的名稱</font>
<font color="#ff0000">紅色的字，只是大概的標註</font>
<font color="#2eaf39">綠色的字，原則上維持</font>
<font color="#EE428B">粉紅色是參考增加的分類</font>


-------
* ~~table~~  <font color="#009ee7">表格</font>
* 圖片輪播
* 日曆、時間
* ~~css文字設定~~ <font color="#009ee7">文字設定排版</font>
* ~~選單範例~~ <font color="#009ee7">選單</font>
* Accordion/收合式選單
* 回饋動態 (hover效果)
* Scroll頁面
* background圖片效果設定
* Sticky block

-------
* 滾動、進場動態
* 轉場動態 
* 載入動畫Loading <font color="#ff0000">用得不多</font>
* 持續動態 (1) <font color="#ff0000">用得不多</font>
-------

* ~~button~~ <font color="#ff0000">與回饋動態有點像已刪除</font>
* slider bar <font color="#ff0000">有誰有實際用過嗎</font>
* 常用的js <font color="#ff0000">(請思晨幫忙，看寫的對不對，或有更好的寫法)</font>


-------
* fancybox <font color="#2eaf39">燈箱寫法</font>
* svg (1)  <font color="#2eaf39">改變svg顏色</font>
* hyui模組  <font color="#2eaf39">已放入個分類</font>
* hyui kit
* 雅瓊的範例 <font color="#2eaf39">(已分類)</font>

-------
<font color="#EE428B">參考新增項目

* 表單（已使用）
* 圖片排版（已使用）
* 步驟樣式（已使用）
* 頁籤Tabs（已使用）
* 燈箱（已使用）
* scrollbar 設定
    
</font>