我想滾動HTML的圖像，而無需使用<marquee>標籤....用JavaScript

-2

我只是想給在JavaScript圖片動態效果的幫助......但不使用的帳篷我想滾動HTML的圖像，而無需使用<marquee>標籤....用JavaScript

來源

2011-03-05 hiren gamit

有一個爲什麼每個人都討厭<marquee>標籤。

話雖這麼說，嘗試：

http://www.vegabit.com/jquery_scroller/（演示）
http://plugins.jquery.com/project/jqScroller

http://jscroller.markusbordihn.de/example/left/（演示）
http://jscroller.markusbordihn.de/example/

http://remysharp.com/demo/marquee.html（演示）
http://remysharp.com/2008/09/10/the-silky-smooth-marquee/

這一個不需要jQuery的：

http://jscroller2.markusbordihn.de/example/left/（演示）
http://jscroller2.markusbordihn.de/example/

來源

2011-03-05 18:25:29 thirtydot

-1

添加下面這個腳本<head>標籤

<head> 
    <script src="assets/js/crawler.js" type="text/javascript" ></script> 
</head>

，然後添加以下代碼在<script>標籤

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 
       });

在這之後，你必須在<div>標籤添加ID

<div id="mycrawler2"> 
      <img src="assets/images/products/img1.png" /> 
      <img src="assets/images/products/img2.png" /> 
      <img src="assets/images/products/img3.png" /> 
      <img src="assets/images/products/img4.png" /> 
      <img src="assets/images/products/img5.png" /> 
      <img src="assets/images/products/img6.png" /> 
    </div>

這將適用於圖像選取框效果，他們將連續移動。

來源

2016-12-02 08:16:51 Bilal

這裏的工作演示 – Bilal 2016-12-02 09:17:15

http://codepen.io/anon/pen/aBERgr – Bilal 2016-12-02 09:17:20

另一個工作演示 – Bilal 2016-12-02 09:28:12

我想滾動HTML的圖像，而無需使用<marquee>標籤....用JavaScript

回答

相關問題