Info

The flow variable can be either "left" or "right".

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="contentDiv">
</div>
<script>
  Benchmark.prototype.setup = function() {
    var contentDiv = $("#contentDiv");
    var flow = "left";
    var cssProps;
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

contentDiv.css({
  position: "absolute",
  top: "0",
  "z-index": "20",
  "background-color": "#E7E7E7"
}).css(flow, aniProps.oldContent.width).show();

cssProps = {
  position: "absolute",
  top: "0",
  "z-index": "20",
  "background-color": "#E7E7E7"
};
cssProps[flow] = "0";
contentDiv.css(cssProps).show();

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments