14,970
edits
Web design glossary: Difference between revisions
Jump to navigation
Jump to search
→UI Components
mNo edit summary |
|||
| Line 8: | Line 8: | ||
* drag & drop [繁] 拖曳、拖移、拖拉 [簡] 拖拽, 拖放 | * drag & drop [繁] 拖曳、拖移、拖拉 [簡] 拖拽, 拖放 | ||
* dropdowns / drop down menus [繁體] 下拉選單 [簡體] 下拉菜單 | * dropdowns / drop down menus [繁體] 下拉選單 [簡體] 下拉菜單 | ||
* lightbox [繁體] 光箱 (特效) [簡體] 暗箱 (特效)。透過降低周遭元素對比或變暗，凸顯想要呈現的資訊。sample: [http://lokeshdhakar.com/projects/lightbox2/ Lightbox], [http://fancybox.net/ Fancybox], [http://malsup.com/jquery/block/ jQuery BlockUI Plugin] | |||
* menu [繁體] 選單 [簡體] 菜单 | * menu [繁體] 選單 [簡體] 菜单 | ||
* modal dialog [繁體] 對話視窗 [簡體] 对话框、弹出窗口。點選按鈕，跳出小視窗要求使用者填寫表單內容。 sample: [http://jqueryui.com/dialog/#modal-form Dialog | jQuery UI], [http://bootsnipp.com/snipps/login-form-in-a-modal Viewing snipp | Login form in a modal | Bootsnipp.com] | * modal dialog [繁體] 對話視窗 [簡體] 对话框、弹出窗口。點選按鈕，跳出小視窗要求使用者填寫表單內容。 sample: [http://jqueryui.com/dialog/#modal-form Dialog | jQuery UI], [http://bootsnipp.com/snipps/login-form-in-a-modal Viewing snipp | Login form in a modal | Bootsnipp.com] | ||
| Line 19: | Line 20: | ||
* thumbnails 縮圖 | * thumbnails 縮圖 | ||
* tab [繁體] 標籤 [簡體] 标签页、选项卡 sample: [https://jqueryui.com/tabs/ Tabs | jQuery UI] | * tab [繁體] 標籤 [簡體] 标签页、选项卡 sample: [https://jqueryui.com/tabs/ Tabs | jQuery UI] | ||
* tooltip [繁體] 提示文字、彈出式提示框 [簡體] | * tooltip [繁體] 提示文字、彈出式提示框 [簡體] 提示文本。滑鼠游標移到元素或連結上方時，顯示的簡短說明文字。 | ||
* tour tip, web tour, web guide: 步驟式導引 app 或網站功能 guided tours through your app or website | * tour tip, web tour, web guide: [繁體] 步驟式導引 (app 或網站功能) [簡體] 分步引导。 guided tours through your app or website | ||
** example: [http://iamdanfox.github.io/anno.js/ Anno.js Demo 2], [http://easelinc.github.io/tourist/ Tourist.js], [http://foundation.zurb.com/docs/components/joyride.html Joyride | Foundation Docs], [http://introjs.com/ Intro.js - Step-by-step guide and feature introduction for your website] | ** example: [http://iamdanfox.github.io/anno.js/ Anno.js Demo 2], [http://easelinc.github.io/tourist/ Tourist.js], [http://foundation.zurb.com/docs/components/joyride.html Joyride | Foundation Docs], [http://introjs.com/ Intro.js - Step-by-step guide and feature introduction for your website] | ||
* video slider 影片選單; | * video slider 影片選單; | ||