87
edits
Changes
Jump to navigation
Jump to search
Human Interface Guidelines/The Sugar Interface/Rollovers (view source)
Revision as of 10:58, 11 May 2007
, 10:58, 11 May 2007→Rollovers
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
<noinclude>{{Translations}}</noinclude>
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
===Rollovers===
{|border=1 cellpadding=3 cellspacing=0 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
|+Rollover Animation Phases By Time
!style="background:#cccccc;"|Animation Phase!!style="background:#cccccc;"|Time Offset<br>(seconds)!!style="background:#cccccc;"|Duration <br>(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
|style="background: #e9e9e9;"| ----
|}
=====Primary Rollover=====
=====Secondary Rollover=====
====Rollovers as Menus
====Rollovers as Contextual Menus====
====Rollovers as Dialogs====
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
<noinclude>{{Translations}}</noinclude>
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
===Rollovers===
{|border=1 cellpadding=3 cellspacing=0 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
|+Rollover Animation Phases By Time
!style="background:#cccccc;"|Animation Phase!!style="background:#cccccc;"|Time Offset<br>(seconds)!!style="background:#cccccc;"|Duration <br>(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
|style="background: #e9e9e9;"| ----
|}
=====Primary Rollover=====
=====Secondary Rollover=====
====Rollovers as Menus
====Rollovers as Contextual Menus====
====Rollovers as Dialogs====
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}