update mouse events example (CSS)

This commit is contained in:
rolux 2012-04-14 12:23:32 +02:00
parent f324320f89
commit e790571f2c
2 changed files with 16 additions and 6 deletions

View file

@ -2,9 +2,10 @@
position: absolute; position: absolute;
left: 256px; left: 256px;
right: 0px; right: 0px;
height: 16px; height: 15px;
padding-left: 2px; padding: 1px 0 0 2px;
background: rgb(224, 224, 224); background: rgb(240, 240, 240);
cursor: pointer;
} }
#log { #log {
position: absolute; position: absolute;
@ -12,6 +13,8 @@
top: 16px; top: 16px;
right: 0; right: 0;
bottom: 0; bottom: 0;
border-width: 0;
border-top: 1px solid rgb(208, 208, 208);
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
overflow-y: auto; overflow-y: auto;
} }
@ -20,7 +23,10 @@
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 256px; width: 253px;
padding-left: 2px; padding: 1px 0 0 2px;
background: rgb(192, 192, 192); border-width: 0;
border-right: 1px solid rgb(208, 208, 208);
background: rgb(224, 224, 224);
cursor: crosshair;
} }

View file

@ -1,3 +1,7 @@
/*
This example demonstrates the mouse events that any Ox.Element fires.
*/
Ox.load({UI: {theme: 'classic'}}, function() { Ox.load({UI: {theme: 'classic'}}, function() {
var $target = Ox.Element() var $target = Ox.Element()