anton zamov it expert logo    

home page latest news web development curriculum vitae scripts contact me

  • C# (Microsoft .NET)
  • JAVA
  • Dynamic HTML
  • PHP & MySQL
  • ASP.NET - C# & VB.NET
  • Perl & CGI
  • C | C++
  • Vector Markup Language
  • SMIL
  • Assembler
  • Databases
  • Wap Development
  • Web site promotion
  • Web Marketing



How to create a complex matrix transition?

(DHTML free example written by Anton Zamov.)


How to create a complex matrix transition?

Copy and test the code below:

<SCRIPT>
//oObj input requires that a matrix filter be applied.
//deg input defines the requested angle of rotation.
var deg2radians = Math.PI * 2 / 360;
function fnSetRotation(oObj, deg)
{ rad = deg * deg2radians ;
costheta = Math.cos(rad);
sintheta = Math.sin(rad);

oObj.filters.item(0).M11 = costheta;
oObj.filters.item(0).M12 = -sintheta;
oObj.filters.item(0).M21 = sintheta;
oObj.filters.item(0).M22 = costheta;

}


//oObj input requires that a matrix filter be applied.
//flMultiplier input defines the amount by which the oObj is resized.
function fnResize(oObj, flMultiplier)
{ oObj.filters.item(0).M11 *= flMultiplier;
oObj.filters.item(0).M12 *= flMultiplier;
oObj.filters.item(0).M21 *= flMultiplier;
oObj.filters.item(0).M22 *= flMultiplier;
}


var iCount = 400;

function fnSpin(oObj)
{


      var flMultiple = iCount/720;
      iCount += 4;


      if (iCount>=360*3) {
      oObj.onfilterchange = null;
      }

      fnSetRotation(oObj, iCount);
      fnResize(oObj, flMultiple);
}
</SCRIPT>

<!-- When loaded, the onfilterchange event is fired as the filter makes
its initial settings. This starts the animation.-->
<DIV ID="oDiv" STYLE="position:absolute;
      filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')"
            onfilterchange="fnSpin(this)" >
      <DIV STYLE=" background-color: lightblue; padding:5;">
       Anton Zamov<BR/>
       Anton Zamov<BR/>
       Anton Zamov<BR/>
       Anton Zamov<BR/>
      </DIV>
</DIV>









Jobs Portal, poweful jobs board software

PHP Mall, multi vendors mall website software

Car Portal, php script for auto classifieds websites

NetArt Media, software products and services

Real Estate Portal, web software for real estate portals

Blog System, multi user blog hosting script

PHP Store, powerful e-commerce system written in PHP


C# (Microsoft .NET) | JAVA | Dynamic HTML | PHP & MySQL | Perl & CGI | C | C++ | Vector Markup Language
SMIL | Assembler | Databases | Wap Development | Web site promotion | Web Marketing

Copyright Anton Zamov 1998 - 2023