anton zamov it expert logo   best php scripts for your website

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>


Still have questions? Ask your question on TechOnlineHelp.com or find more examples on www.netartmedia.net/examples




If this example was useful for you, please support my company and click Like on the button below. Thank you very much!



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

Pharmacy System, software for running online pharmacies

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-2012