使用滾動標籤連續滾動滾動圖像

我正在使用<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>

來源

2012-09-06 Dev

你能做出一些代碼，演示了你的問題？ – Passerby

查看更新的問題。 – Dev

好的，我想我首先誤解了你的「差距」。「跑馬燈」確實是這樣工作的，不管它有多「短」。如果你想「填補空白」，你必須製作自己的'div'來模擬你的方式。一般的方法是在不見的時候不斷移動第一個元素。 – Passerby

選框（<marquee>）是過時，不是一個有效的HTML標記。你可以使用許多jQuery插件來完成。其中之一是jQuery News Ticker。還有更多！

來源

2012-09-06 11:29:20

我想你設置了與5張圖片總寬相關的選取框寬度。它工作正常

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

來源

2012-09-06 11:31:01 ram

您不能滾動連續使用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>

這裏是插件CONFIGRATION：

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-27 10:34:07 user1537762

你可以在這裏看到一個演示http://technicalpixel.com/continous-horizontal-jquery-image-marquee/ – user1537762

試試這個：

<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-21 14:48:46

使用滾動標籤連續滾動滾動圖像

回答

相關問題