zoukankan      html  css  js  c++  java
  • css3 简单动画

    <script>
    <!--
    var x,y,n=0,ny=0,rotINT,rotYINT
    function rotateDIV()
    {
    x=document.getElementById("rotate1")
    clearInterval(rotINT)
    rotINT=setInterval("startRotate()",10)
    }
    function rotateYDIV()
    {
    y=document.getElementById("rotatey1")
    clearInterval(rotYINT)
    rotYINT=setInterval("startYRotate()",10)
    }
    function startRotate()
    {
    n=n+1
    x.style.transform="rotate(" + n + "deg)"
    x.style.webkitTransform="rotate(" + n + "deg)"
    x.style.OTransform="rotate(" + n + "deg)"
    x.style.MozTransform="rotate(" + n + "deg)"
    if (n==180 || n==360)
    	{
    	clearInterval(rotINT)
    	if (n==360){n=0}
    	}
    }
    function startYRotate()
    {
    ny=ny+1
    y.style.transform="rotateY(" + ny + "deg)"
    y.style.webkitTransform="rotateY(" + ny + "deg)"
    y.style.OTransform="rotateY(" + ny + "deg)"
    y.style.MozTransform="rotateY(" + ny + "deg)"
    if (ny==180 || ny>=360)
    	{
    	clearInterval(rotYINT)
    	if (ny>=360){ny=0}
    	}
    }
    //-->
    </script>
    
    HTML部分:
    <div id="tpn">
    <ul class="prenext">
    <li class="pre"><a href="/css3/css3_2dtransform.asp" title="CSS3 2D 转换">CSS3 2D 转换</a></li>
    <li class="next"><a href="/css3/css3_transition.asp" title="CSS3 过渡">CSS3 过渡</a></li>
    </ul>
    </div>
    

      

  • 相关阅读:
    第二章 课后习题 6
    第二章 课后习题 5
    第一章 课后习题 10
    第一章 课后习题 7
    JAVA练习1
    作业2
    作业
    c++作业10月13日作业
    c++作业50页例题3.1
    for循环作业4和5
  • 原文地址:https://www.cnblogs.com/juexin/p/4605804.html
Copyright © 2011-2022 走看看