  HTML5.  
 


           -,   HTML5.   :    DOM   javascript,   canvas svg, . .  SMIL.





  HTML5

 



 



 ,2017



ISBN978-5-4485-6305-8

     Ridero




1   setinterval


       setInterval ();            ,     clearInterval();



    :



<script>



function move (elem){



var left = 0; //  



function frame () {//   

left++

elem.style. left = left +px



if (left == 100){

clearInterval (timer); //  

}

}



var timer = setInterval (frame, 100) //   100

}

</script>



<div onclick="move(this.children [0]) class=example_path>

<div class=example_block> </div>

</div>





2 jquery





2.1


          .

堖    ,  - .          ,   -.   ( , . .      )    ,     (,   ).         .

   .    jQuery,      ,     .






 













  






 



   

 ,          ,   ,    ,   .    .

    DOM.      ,  <html>,  document,   window,     .     ,    ,  .

      event.stopPropagation().




2.2 animate


Jquey  animate ()      .       CSS-.     :

1).animate (properties, [duration], [easing], [callback])



properties  CSS-,     . (.  )

duration   .        fast  slow (200600).

easing    (       ). (.  )

callback ,      .

2).animate (properties, options)



properties  CSS-,     . (.  )

options  .    ,  : .




  .


   .

   ,     (https://www.litres.ru/mihail-botov/interaktivnaya-animaciya-html5-metodicheskie-ukazaniya/)  .

      Visa, MasterCard, Maestro,    ,   ,     ,  PayPal, WebMoney, ., QIWI ,       .


