Team:Tokyo Metropolitan/menu tpl2.js

From 2010.igem.org

(Difference between revisions)
(New page: - --- geometry and timing of the menu ---: var MENU_POS = new Array(); // item sizes for different levels of menu MENU_POS['height'] = [22, 22, 22]; MENU_POS['width'] = [12...)
(Removing all content from page)
 
Line 1: Line 1:
-
/* --- geometry and timing of the menu --- */
 
-
var MENU_POS = new Array();
 
-
// item sizes for different levels of menu
 
-
MENU_POS['height']    = [22, 22, 22];
 
-
MENU_POS['width']      = [122, 170, 150];
 
-
 
-
// menu block offset from the origin:
 
-
//  for root level origin is upper left corner of the page
 
-
//  for other levels origin is upper left corner of parent item
 
-
MENU_POS['block_top']  = [292, 22, 0];
 
-
MENU_POS['block_left'] = [0, 0, 171];
 
-
 
-
// offsets between items of the same level
 
-
MENU_POS['top']        = [0, 23, 23];
 
-
MENU_POS['left']      = [122, 0, 0];
 
-
 
-
// time in milliseconds before menu is hidden after cursor has gone out
 
-
// of any items
 
-
MENU_POS['hide_delay'] = [200, 200, 200];
 
-
 
-
/* --- dynamic menu styles ---
 
-
note: you can add as many style properties as you wish but be not all browsers
 
-
are able to render them correctly. The only relatively safe properties are
 
-
'color' and 'background'.
 
-
*/
 
-
 
-
var MENU_STYLES = new Array();
 
-
 
-
// default item state when it is visible but doesn't have mouse over
 
-
MENU_STYLES['onmouseout'] = [
 
-
'color', ['#ffffff', '#ffffff', '#ffffff'],
 
-
'background', ['#003366', '#006699', '#0099ff'],
 
-
];
 
-
 
-
// state when item has mouse over it
 
-
MENU_STYLES['onmouseover'] = [
 
-
'color', ['#ffffff', '#ffffff', '#ffffff'],
 
-
'background', ['#000033', '#000033', '#000033'],
 
-
];
 
-
 
-
// state when mouse button has been pressed on the item
 
-
MENU_STYLES['onmousedown'] = [
 
-
'color', ['#ffffff', '#ffffff', '#ffffff'],
 
-
'background', ['#000033', '#000033', '#000033'],
 
-
];
 

Latest revision as of 01:10, 24 October 2010