update mouse events example (CSS)
This commit is contained in:
parent
1d53a14cc1
commit
a7d16c0c05
2 changed files with 7 additions and 3 deletions
|
@ -2,8 +2,8 @@
|
|||
position: absolute;
|
||||
left: 256px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
padding: 1px 0 0 2px;
|
||||
height: 14px;
|
||||
padding: 2px 0 0 2px;
|
||||
background: rgb(240, 240, 240);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -24,9 +24,10 @@
|
|||
top: 0;
|
||||
bottom: 0;
|
||||
width: 253px;
|
||||
padding: 1px 0 0 2px;
|
||||
padding: 2px 0 0 2px;
|
||||
border-width: 0;
|
||||
border-right: 1px solid rgb(208, 208, 208);
|
||||
background: rgb(224, 224, 224);
|
||||
font-weight: bold;
|
||||
cursor: crosshair;
|
||||
}
|
|
@ -5,6 +5,7 @@ This example demonstrates the mouse events that any Ox.Element fires.
|
|||
Ox.load({UI: {theme: 'classic'}}, function() {
|
||||
|
||||
var $target = Ox.Element()
|
||||
.addClass('OxMonospace')
|
||||
.attr({id: 'target'})
|
||||
.html('click/hold/drag')
|
||||
.appendTo(Ox.$body),
|
||||
|
@ -12,6 +13,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
|
|||
.attr({id: 'log'})
|
||||
.appendTo(Ox.$body),
|
||||
$clear = Ox.Element()
|
||||
.addClass('OxMonospace')
|
||||
.attr({id: 'clear'})
|
||||
.html('clear log')
|
||||
.bind({click: function() {
|
||||
|
@ -25,6 +27,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
|
|||
$target.bindEvent(event, function(e) {
|
||||
var date = new Date();
|
||||
$('<div>')
|
||||
.addClass('OxMonospace')
|
||||
.html(
|
||||
Ox.formatDate(date, '%H:%M:%S')
|
||||
+ '.' + (Ox.pad(date % 1000, 3))
|
||||
|
|
Loading…
Reference in a new issue