html,js实现文本横向滚动(跑马灯)效果

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>横向滚动</title>


<script>
    var test1 = function (x, y, text)
    {
    // eleId 自己定义的变量名,任意取
    // document.createElement ('marquee'); 勿改变
        var eleId = document.createElement ('marquee');
        eleId.style.position = 'absolute';
        eleId.style.left = x + 'px';
        eleId.style.top = y + 'px';
        eleId.innerText = text;
        document.body.appendChild (eleId);
    }
     
    window.onload = function ()
    {
    var abc = "下周一三五停电,下周二四六停水。请各位业主相互转告";
        test1 (150, 100, abc);
        <!-- (x轴,y轴)(150,100) -->
    }
</script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/banpu/article/details/78803816