如何从跑马灯删除尾随空间? [英] How to remove trailing space from marquee?

查看:96
本文介绍了如何从跑马灯删除尾随空间?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述



但是,在完成最后一幅图像的滚动后,确切的问题是什么,第一幅图像和最后一幅图像之间存在巨大差距图片。我只想删除附加地添加到最后一张图片底部的尾部空格。有人帮我找出解决办法吗?
$ b

HTML:

 < div style =margin-left:760px; border:0px; height:300px; width:265px;> 
< img src =http://s30.postimg.org/bab6pd5wd/i05.jpgwidth =220style =z-index:11; />
< br>
< img src =http://s30.postimg.org/84qkz5na5/i06.jpgwidth =220/>
< br>
< img src =http://s30.postimg.org/nxvjfma71/i07.jpgwidth =220/>
< br>
< img src =http://s30.postimg.org/lf9uexogt/i08.jpgwidth =220/>
< br>
< img src =http://s30.postimg.org/g6eth261p/i09.jpgwidth =220/>
< br>
< img src =http://s30.postimg.org/wvg9cz2n1/i10.jpgwidth =220/>
< br>
< / marquee>
< / div>

我所做的只是在这里: http://jsfiddle.net/vivekbhintade/xuwN2/13/

解决方案

div>

从你的选取框中删除最后一个< br> 应该这样做,再加上检查你的css并确保没有为图像添加保证金。 / p>

正如其他人指出的,现在使用< marquee> 标签是非常糟糕的做法。如果你有环顾,有很多非常好的jquery选框插件。


I Develop a marquee which continuously moves to upward direction.

But what the exact problem is after finishing scrolling last image there is a huge gap between first image and last image. I just want to remove the trailing space which additionally add to the bottom of the last image. Is anybody help me to figure out the solution. Thanks in advance.

HTML :

<div style="margin-left:760px;border:0px;height:300px; width:265px;">
    <marquee bgcolor="transparent" scrollamount="8" direction="up" width="265px;" style="float:left; position:absolute;" loop="true" height="300px" onmouseover="this.stop()" onmouseout="this.start()">
        <img src="http://s30.postimg.org/bab6pd5wd/i05.jpg" width="220" style="z-index:11;" />
        <br>
        <img src="http://s30.postimg.org/84qkz5na5/i06.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/nxvjfma71/i07.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/lf9uexogt/i08.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/g6eth261p/i09.jpg" width="220" />
        <br>
        <img src="http://s30.postimg.org/wvg9cz2n1/i10.jpg" width="220" />
        <br>
    </marquee>
</div>

What i did is just here : http://jsfiddle.net/vivekbhintade/xuwN2/13/

解决方案

Remove the last <br> from your marquee should do it, plus check your css and make sure that there is no margin added to images there.

As others have pointed out, using the <marquee> tag is really bad practice nowadays. There are lots of very nice jquery marquee plugins if you have a look around.

这篇关于如何从跑马灯删除尾随空间?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆