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

From Sugar Labs
Jump to navigation Jump to search
 
 
(14 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|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=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 30: 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|prev_link=The Sugar Interface/Text and Fonts|prev=Text and Fonts|next_link=The Sugar Interface/Controls|next=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