Animation funktioniert nicht

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Animation funktioniert nicht

      so die animation nach rechts geht die nach links nicht (habs falschrum geschrieben goLeft ist eig goRight und andersrum)
      hier ist der code

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <style type="text/css">
      4. .asz {
      5. background-color: #dedede;
      6. width: 200;
      7. height: 100;
      8. z-index: 0;
      9. marign: 0;
      10. padding: 0;
      11. }
      12. .asz #as {
      13. list-style:none;
      14. z-index: 1;
      15. position: relative;
      16. top: 10px;
      17. left: 0px;
      18. width: 200px;
      19. height: 80px;
      20. float:left;
      21. background-color: #AAA;
      22. }
      23. .asz #as2 {
      24. list-style:none;
      25. z-index: 2;
      26. position: relative;
      27. top: 10px;
      28. left: 0px;
      29. width: 0px;
      30. height: 80px;
      31. float:left;
      32. background-color: #FFF;
      33. }
      34. </style>
      35. <script language="javascript">
      36. var i =0;
      37. function goLeft()
      38. {
      39. if ( document.getElementById ) {
      40. document.getElementById('as').style.width = 200 - i + "px";
      41. document.getElementById('as').style.left = i/320+"px";
      42. document.getElementById('as2').style.width = i + "px";
      43. }
      45. i = i + 10;
      48. if ( i < ( 210 ) )
      49. {
      50. window.setTimeout( 'goLeft()', 40 );
      51. }
      52. }
      55. function goRight()
      56. {
      58. if ( document.getElementById )
      59. {
      60. document.getElementById('as').style.width = i + "px";
      61. document.getElementById('as').style.left = i/320+"px";
      62. document.getElementById('as2').style.width = i + "px";
      63. }
      65. i = i - 10;
      68. if ( i > ( -10 ) )
      69. {
      70. window.setTimeout( 'goRight()', 40 );
      71. }
      72. }
      73. </script>
      74. </head>
      75. <div align="center">
      76. <ul class="asz">
      77. <li id="as2" onclick="goRight()">
      78. </li>
      79. <li id="as" onclick="goLeft()">
      80. </li>
      81. </ul>
      82. </div>
      83. </body>
      84. </html>
      Alles anzeigen


      fehler: bei der rückanimation ist as unter as2

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )