JavaScript制作一个“包含标题滚动文字的页面”

 我来答
孔繁荣科普
2015-05-06 · 超过22用户采纳过TA的回答
知道答主
回答量:62
采纳率:0%
帮助的人:25.6万
展开全部
<body>
    <div style="width:500px;border:solid 1px #000;height:20px;overflow:hidden;" id="runText">
        <div style="width:800%;">
            <p style="display:inline;">国安顺利取得亚冠16强资格  asfdasdf后,球队当家中锋德扬接受了网易体育的专访,他对球队在伤兵满营的情况下经受住了考验感到满意,感谢及时顶上来的年轻球员,重点表扬了李运秋和李磊;表示无论在1/8决赛遭遇哪支球队,国安的目标都是杀进八强,希望御林军一路高歌猛进,相信球队能够击败任何对手。</p>
        </div>
    </div>
</body>

<script type="text/javascript">
    var $ = function(id){ return document.getElementById(id); }
    window.onload = function(){
        var runwp = $("runText"),
            text = runwp.getElementsByTagName("p")[0],
            wrWidth = runwp.clientWidth,
            textWidth = text.offsetWidth;        

        if(textWidth > wrWidth){
            setInterval(function(){
                if(runwp.scrollLeft >= textWidth){
                    runwp.scrollLeft = 0;
                }
                                
                runwp.scrollLeft = runwp.scrollLeft+10;

            }, 50);    
        }
            
    }
</script>

收尾相连没有做。也就是再复制一分文本内容接到那个最后,这样就不会断片。样式左浮动就行。加点距离。

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式