Question

我正在使用<marquee>标记来水平移动图像。假设我有5个图像而不是它移动得很好但是在完成最后一个图像移动后，从第1个图像开始滚动有一个很大的差距。我怎么能管这个？

我的代码是这样的：

<marquee direction="right">
    <img src="images/a.jpg">
    <img src="images/a.jpg">
    <img src="images/a.jpg">
    <img src="images/a.jpg">
    <img src="images/a.jpg">
    <img src="images/a.jpg">
</marquee>

Answer 1

Marquee（<marquee>）是一个已弃用且不是有效的HTML标记。您可以使用许多jQuery插件来完成。其中之一是jQuery News Ticker。还有更多！

Answer 2

您无法使用HTML选框标记连续滚动图像 - 必须为连续滚动功能添加JavaScript。

动态驱动器论坛上有一个名为crawler.js的JavaScript插件，用于实现此功能。此插件由John Davenport Scheuer创建，并随着时间的推移进行了修改，以适应新的浏览器。

我还在我的博客中实现了这个插件，以记录使用此插件的所有步骤。以下是示例代码：

<head>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="assets/js/crawler.js" type="text/javascript" ></script>
</head>

<div id="mycrawler2" style="margin-top: -3px; " class="productswesupport">
    <img src="assets/images/products/ie.png" />
    <img src="assets/images/products/browser.png" />
    <img src="assets/images/products/chrome.png" />
    <img src="assets/images/products/safari.png" />
</div>

这是插件配置：

marqueeInit({
    uniqueid: 'mycrawler2',
    style: {
    },
    inc: 5, //speed - pixel increment for each iteration of this marquee's movement
    mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    moveatleast: 2,
    neutral: 150,
    savedirection: true,
    random: true
});

Answer 3

我认为你设置了与5幅图像总宽度相关的选框宽度。它工作正常

ex：<marquee style="width:700px"></marquee>

Answer 4

试试这个：

<marquee behavior="" Height="200px"  direction="up" scroll onmouseover="this.setAttribute('scrollamount', 0, 0);this.stop();" onmouseout="this.setAttribute('scrollamount', 3, 0);this.start();" scrollamount="3" valign="center">

    <img src="images/a.jpg">
        <img src="images/a.jpg">
        <img src="images/a.jpg">
        <img src="images/a.jpg">
        <img src="images/a.jpg">
        <img src="images/a.jpg">
    </marquee>

使用选框标记滚动图像并连续滚动

4 个答案: