Question

我用图片设置了marquee标签。但在marquee标签图像消失后。它不动。当我删除选框时，会出现图像。

<div style="margin-top:300px; z-index:100; position:absolute;">


<marquee direction="top" style="margin-top:300px; z-index:1000;

position:absolute;">

        <img src="images/cw.jpg" alt=""></marquee>
 </div>

我想要刻录图像。请帮助

Answer 1

你可以尝试这个：

<div style="margin-top:0px; z-index:100; ">


<marquee direction="top" style="margin-top:300px; z-index:1000;

position:absolute;">

        <img src="images/cw.jpg" alt="" width="120" height="80" alt="Natural"></marquee>
 </div>

删除position:absolute; DEMO HERE

或

DEMO

Answer 2

为div或img设置样式而不是选框...如果你想自动更改图像...你需要在特定的时间间隔后更改图像标签的src内容。喜欢：

$(function() {
    $('#myImage').attr('src', 'image2.gif');
});

如果你想停止选框，。，。，。在给定的时间间隔后运行一个函数...其中写：

document.getElementById('Your_marquee_id').stop();

Answer 3

这是旧版大帐篷的2015年版本。

要控制图像长时间“滚动”，您可以更改animation: marquee 5s linear 3;属性。

现在图像滚动时间设置为5秒，3次，等于15秒，然后停止。

（文本滚动时间设置为3秒，5次，等于15秒）

.marquee {
    background-color: #ddd;
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    animation: marquee 3s linear 5;
}
.marqueeimg {
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    animation: marqueeimg 5s linear 3;
}
.marqueeimg:hover,
.marquee:hover {
    animation-play-state: paused
}
@keyframes marquee {
    0%   { text-indent: 80%; }
    100% { text-indent: -60%; }
}
@keyframes marqueeimg {
    0%   { text-indent: 100%; }
    100% { text-indent: -70%; }
}

<p class="marquee">this is a simple marquee using css only tech</p>
<br />
<p class="marqueeimg"><img src="http://lorempixel.com/250/150/nature/" alt="image"/></p>

marquee标记不适用于HTML中的图像标记

3 个答案: