我想滚动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

回答

相关问题