4

我正在使用<marquee>标签继续水平移动图像。假设我有 5 张图片，但它移动得很好，但是在完成最后一张图片移动后，从第一张图片开始滚动有很大的差距。我该如何管理这个？

我的代码是这样的：

<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>
4

4 回答 4

2

Marquee (<marquee>) is a deprecated and not a valid HTML tag. You can use many jQuery plugins to do. One of it, is jQuery News Ticker. There are many more!

于 2012-09-06T11:29:20.100 回答
2

您不能使用 HTML marquee 标签连续滚动图像 - 它必须添加 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
});
于 2013-06-27T10:34:07.793 回答
0

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

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

于 2012-09-06T11:31:01.503 回答
0

尝试这个：

<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>
于 2018-02-21T14:48:46.270 回答