javascript运动功能-分享到

<script>

  //窗体载入，为div控件绑定事件

        window.onload = function () {

            var div1 = document.getElementById('div1');

            //mouseover

            div1.onmouseover = function () {

                startMove(0);

            }

            //mouseout

            div1.onmouseout = function () {

                startMove(-100);

            }

        }

        //定义定时器

        var timer = null;

        //淡入和淡出

        function startMove(targetPoint) {

            clearInterval(timer);

            var div1 = document.getElementById('div1');

            timer = setInterval(function () {

                var ispeed = 0;

               if (div1.offsetLeft < targetPoint) {

                   ispeed = 10;

               }

               else {

                   ispeed = -10;

               }

                //控件位置

               if (div1.offsetLeft == targetPoint) {

                    clearInterval(timer);

                }

                else {

                    div1.style.left = div1.offsetLeft + ispeed + "px";

                }

            },30);

        }

</script>