CSS skills [arrangement]

CSS fixed the table header (the header remains unchanged when the scroll bar is pulled down)

. Headlock

{

Top:Expression (this. offsetparent. scrolltop );

Position:Relative;

}

CSS fixed the left column of the table (a column remains unchanged when the scroll bar is pulled to the right)

. Leftlock

{

Left:Expression (this. offsetparent. scrollleft );

Position:Relative;

}

//When the applicationCSSAdd the corresponding element.

You can dynamically add hierarchical links.Offsetparent

For example:

This. offsetparent. offsetparent. scrollleft

This. offsetparent. scrollleft

Add JS events to CSS

TD

{

Background-color: # Ffffff;

Onmouseover:Expression (onmouseover = function () {This. style. bordercolor = 'blue'; this. style. Color = 'red'; this. style. backgroundcolor = 'yellow '});

Onmouseout:Expression (onmouseout = function () {This. style. bordercolor = ''; this. style. Color =''; this. style. backgroundcolor = ''});

}

When the CSS control text exceeds the range, the ellipsis is displayed.

Div{

Text-Overflow:Ellipsis;

Width:200px;

White-space:Nowrap;

Overflow:Hidden;

}

Div is beyond the range of 200px. If white-space : nowrap has no effect if it is not added, because it will automatically wrap the line; overflow : hidden cannot hide or hide more than one part without adding it. text-overflow : ellipsis indicates whether to display the ellipsis ( text-overflow : clip is not displayed. Div