jQuery marquee不工作

时间:2015-10-13 17:40:06

标签: javascript jquery html css marquee

我正在使用jQuery marquee插件。

以下是一个示例:http://bit.ly/1jmpXrY

当文字滚动结束并再次开始时,我想暂停左侧0(主包装)的滚动,然后从左0再次开始,如jquery.simplemarquee



$(function () {
    
    $('.marquee')
        .bind('beforeStarting', function(){
        
        $('.js-marquee .ogg:first').css('margin-left', '-' + ($('.marquee').width() -5) + 'px');
           
         })
       .marquee({
        duration: 5000, duplicated: true
    })
    
    
    
    setInterval(function(){
    $('.marquee').marquee('toggle');
},    $('.marquee .ogg').width());
    
    
    
});

.marquee {
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}

.wrapper{
    width:150px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script>
<div class="wrapper">
    <div class="marquee">
        <div class="ogg" >jQuery marquee is the best marquee plugin in the world </div>
    </div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案