SubtractJS Samples
These samples pages demonstrate using SubtractJS in a few common scenarios. The samples have the styles embedded in them and depend on jQuery and SubtractJS only. I'm not claiming they are pretty design, but they demonstrate the concepts. Be sure to right-click on the link and "save target" or use "view source" to see how the samples work.- Fixed-Width Header, Footer, Menu Bar Sample A fixed-width header, menu bar, and footer with a content area.
- Fixed-Width Left and Right Panes Sample A fixed-width left and right pane with a content area between them.
- Alternate Prefix Sample Header, Footer, Menu Bar Sample but with the "sj" prefix renamed to "fun".
- Margin Box Model Sample Add the "sj-margin-box-model" class to tell SubtractJS to treat margin, padding, and border as internal to the height or width measurement. Works great with percentage-based heights and widths.
- Using jQuery to Show and Hide SubtractJS Elements Sample Show, hide, or toggle elements in jQuery and then update SubtractJS.
- Complex Sample This sample demonstrate a complex layout, hiding and showing with animation, and altering a layout with jQuery.