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>)は非推奨であり、有効なHTMLタグではありません。多くのjQueryプラグインを使用して実行できます。その1つは、jQueryNewsTickerです。もっとたくさんあります!

于 2012-09-06T11:29:20.100 に答える
2

HTML マーキー タグを使用して画像を連続的にスクロールすることはできません。連続スクロール機能を使用するには、JavaScript を追加する必要があります。

この機能を実現するために、動的ドライブ フォーラムで入手可能な、cracker.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 に答える