Wheel Transition

Modify the individual properties of the object using the controls below.
The following code is used to generate this transition.

Spokes:

Product Details
Our new product line should sell very well this year.

Market Data

The market for our products is growing.

15% new
60% old
25% used

<SCRIPT>
var bTranState = 0;
function fnToggle() {
		oDIV2.filters[0].Apply();
	if (bTranState) { 
		bTranState = 0;
		oDIV2.style.visibility="hidden";    }
	else {  
		bTranState = 1;
		oDIV2.style.visibility="visible";   }
		oDIV2.filters[0].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON>

<DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px;
background:gold"> This is DIV #1  </DIV>

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; 
width:240px; height:160px; background: yellowgreen; 
filter:progid:DXImageTransform.Microsoft.Wheel(spokes=4)">
<BR>This is DIV #2</DIV>