Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Rollovers"

From Sugar Labs
Jump to navigation Jump to search
 
(13 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
+
<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
 
+
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
 +
{{TOCright}}
 
===Rollovers===
 
===Rollovers===
  
Line 29: Line 30:
 
|}
 
|}
  
====Primary Rollover====
+
=====Primary Rollover=====
====Secondary Rollover====
+
=====Secondary Rollover=====
 +
 
 +
====Rollovers as Menus====
 +
 
 
====Rollovers as Contextual Menus====
 
====Rollovers as Contextual Menus====
====Rollovers as Popups====
+
====Rollovers as Dialogs====
====Rollovers as Pallettes====
 
====Rollovers as Contextual Controls====
 
  
  
{{hig-subnav-intra|p_page=Text and Fonts|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
+
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
 +
</div>

Latest revision as of 09:16, 7 July 2009

english | español | 한국어 HowTo [ID# 32606]  +/-  

Rollovers

Rollover Animation Phases By Time
Animation Phase Time Offset
(seconds)
Duration
(seconds)
Immediate Background Change 0.0 0.1
Primary Rollover Begins Expanding 0.1 0.2
Primary Rollover Displayed 0.3 0.4
Secondary Rollover Begins Expanding 0.7 0.3
Secondary Rollover Displayed 1.0 ----
Primary Rollover
Secondary Rollover

Rollovers as Menus

Rollovers as Contextual Menus

Rollovers as Dialogs