2 qq 29956265 qq_29956265 于 2016.09.25 21:18 提问

无缝滚动 向左 FF下正常 但是在ie下貌似只走两遍就停了 请大神指点 5C

(https://img-ask.csdn.net/upload/201609/25/1474809419_42403.png)

(https://img-ask.csdn.net/upload/201609/25/1474809441_737359.png)

            <div class="wufeng_right">
                <ul class="wufeng_ul">
                    <li><a href="#">礼品卡购物折上折</a></li>
                    <li><a href="#">微信关注有礼</a></li>
                    <li><a href="#">新款休闲包9元起</a></li>
                    <li><a href="#">明星款幻彩丝柔连裤裙10元起</a></li>
                    <li><a href="#">休闲短袖衬衫 新品上市</a></li>
                    <li><a href="#">凡客诚品官方商城</a></li>
                </ul>
                <ul class="wufeng_ul2">
                    <li><a href="#">礼品卡购物折上折</a></li>
                    <li><a href="#">微信关注有礼</a></li>
                    <li><a href="#">新款休闲包9元起</a></li>
                    <li><a href="#">明星款幻彩丝柔连裤裙10元起</a></li>
                    <li><a href="#">休闲短袖衬衫 新品上市</a></li>
                    <li><a href="#">凡客诚品官方商城</a></li>
                </ul>
            </div>
        </div>



var change_left=710-ul_width*2; //710是ul的父级div的width
function wufeng(obj){
    setInterval(function(){
        var new_left=obj.position().left-1;
        if(new_left<change_left){
            obj.css('left','710px');
            new_left=710;   
        }
        obj.css('left',new_left+'px');  
    },20);
}
wufeng($('#wufeng .wufeng_right ul.wufeng_ul'));
wufeng($('#wufeng .wufeng_right ul.wufeng_ul2'));

2个回答

showbo
showbo   Ds   Rxr 2016.09.26 09:19

要发就发全来,样式什么的也没有

devmiao
devmiao   Ds   Rxr 2016.09.25 23:56
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
javascript特效无缝滚动marquee
实现图片文字,向左,向右,向上,向下无缝滚动,适合广告图片展示 浏览器兼容(IE、FF、Opera、NS、MYIE)
文字向左无缝滚动
下面是文字向左无缝滚动的实例,仅供参考。 js文字向左无缝滚动 .qimo8 { overflow: hidden; width: 815px; } .qimo8 .qimo { /*width:9999
(20)JS实现简单的图片向左无缝滚动
思路: *{margin:0;padding:0;} #div1{width: 712px;height: 108px;margin:100px auto;position: relative;background: red;overflow: hidden;} #div1 ul{position: absolute;left: 0;top: 0;} #div1 ul li{floa
浏览器兼容性问题解决方案之CSS,已在IE、FF、Chrome测试
最近在跟一个同学共同整理一个关于浏览器兼容性问题的文档,我们主要是找出在主流浏览器中出现哪些问题,如何解决这个问题,并给出实例。在这之前,需要明白一下几个问题。 什么是浏览器兼容问题?         所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应
JQ实现无缝滚动
用JQ做一个无缝滚动效果,图片自动轮播,左右按钮点击可切换图片,下面一排带索引的按钮可点击,点击到哪个就切换到对应的第几张图片,布局有些简陋,主要是实现效果,起初有bug,快速点击按钮时会有卡顿然后出现空白,解决办法在animate()后加stop(),可实现无缝滚动效果。 布局以及样式如下:一个大div(相对定位),里面放ul(装图片,最后一张图片跟第一张图片一样),左右两个按钮,以及下面的p
JQ 文字无缝滚动之逐条滚动
JQ 代码: 本列子是从下向上滚动的,如果
兼容ie和ff的无缝滚动
<br /><html><br /><head><br />    <title></title><br />    <script language="javascript" type="text/javascript"><br />        function VScrollPanel() {<br />            this.width = null; //滚动范围宽度<br />            this.height = null; //滚动范围高度<br />        
推拉门式菜单-兼容ie,ff
之前做推拉门式菜单时在网上找的都不兼容ff,这是小弟自己改动了点,兼容ff和IE,希望给大家方便。不足之处请多多指点
一个文字无缝滚动的jQuery插件
直接上代码吧
div高度自动撑大的问题(兼容ie和FF)
div高度自动撑大的问题(兼容ie和FF)