首页 > 代码库 > javascript分享到的源码

javascript分享到的源码

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <style type="text/css">        #div1        {            width: 150px;            height: 300px;            background-color: green;            position: absolute;            left: -150px;        }            #div1 span            {                position: absolute;                width: 20px;                height: 60px;                line-height: 20px;                background-color: blue;                right: -20px;                top: 70px;            }    </style>    <script type="text/javascript">        var timer;        window.onload = function () {            var oDiv = document.getElementById("div1");            oDiv.onmouseover = function () {                StartMove(0);                //StartMove(0,10);            };            oDiv.onmouseout = function () {                //StartMove(-150, -10);                StartMove(-150);            };        };        //z找出不同的部分,当做参数穿进去        function StartMove(target) {            var speed = 0;            var oDiv = document.getElementById("div1");            if (oDiv.offsetLeft > target) {                speed = -10;            } else {                speed = 10;            }            clearInterval(timer);            timer = setInterval(function () {                if (oDiv.offsetLeft == target) {                    clearInterval(timer);                } else {                    oDiv.style.left = oDiv.offsetLeft + speed + "px";                }            }, 30);        };        //function StartMove2() {        //    var oDiv = document.getElementById("div1");        //    clearInterval(timer);        //    timer = setInterval(function () {        //        if (oDiv.offsetLeft ==-150) {        //            clearInterval(timer);        //        } else {        //            oDiv.style.left = oDiv.offsetLeft-10 + "px";        //        }        //    }, 30);        //};    </script></head><body>    <div id="div1">        <span>分享到</span>    </div></body></html>