Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.li-scroller.1.0.js newsticker修改_Javascript_Jquery_Popup_Document - Fatal编程技术网

Javascript jquery.li-scroller.1.0.js newsticker修改

Javascript jquery.li-scroller.1.0.js newsticker修改,javascript,jquery,popup,document,Javascript,Jquery,Popup,Document,我正在开发一个网站,它使用jquery.li-scroller.1.0.js在一个条带中显示滚动新闻 网页地址为: 当我们将鼠标悬停在新闻播报器上时,条带停止。在这个阶段,我想在当前li下显示一个带有文本的弹出框。我已经做了一些事情,当我们将鼠标指针悬停在纸带上时,newsticker停止,方框显示文本 问题: jquery.li-scroller newsticker有一个带有{overflow:hidden}的包装,因此如果我添加带有li的弹出框,那么它就不会显示。这就是为什么我在弹出窗口(

我正在开发一个网站,它使用jquery.li-scroller.1.0.js在一个条带中显示滚动新闻

网页地址为:

当我们将鼠标悬停在新闻播报器上时,条带停止。在这个阶段,我想在当前li下显示一个带有文本的弹出框。我已经做了一些事情,当我们将鼠标指针悬停在纸带上时,newsticker停止,方框显示文本

问题: jquery.li-scroller newsticker有一个带有{overflow:hidden}的包装,因此如果我添加带有li的弹出框,那么它就不会显示。这就是为什么我在弹出窗口(.tickPop)中使用单独的空格和一些jquery文档准备好的白色脚本进行编码的原因。我的剧本是:

$('ul#ticker01 li').each(function(e){
    var iClass;
    $(this).hover(function(){
        iClass = $(this).attr('class');
        $(this).css('height',$('tickPop').height()+30)
        var offset = $(this).offset();
        var left = offset.left;
        var top = offset.top+20;
        var iWidth = $(this).width();
        var sText = $(this).children().html();
        $(this).css('background','#f6f4f4');
        $('.tickPop').css('left',left);
        $('.tickPop').css('top',top);
        $('.tickPop').css('width',iWidth);
        $('.tickPop').css('display','block');
        $('.tickPop').text(sText);
     }, function(){

        $('.tickPop').mouseleave(function(){
            bHovering = false;
            $(this).css('display','none');
        });

         $(this).css('background','transparent');
         //$('.tickPop').css('display','none');
         if(iClass == 'Yellow')
            $(this).css('background','url(images/icon-yellow.jpg) left center no-repeat');
        else
            $(this).css('background','url(images/icon-white.jpg) left center no-repeat');

    });

});
默认情况下,名为$('.tickPop')的弹出框是隐藏的,当用户将鼠标悬停在newsticker上时,jquery函数会设置属性$('.tickPop').css('display','block'),并且它是可见的

现在的问题是,当我们将鼠标指针移到弹出框上时,newsticker再次开始滚动,而我希望当我们从弹出框中删除鼠标时,newsticker应该开始滚动

亲爱的专家,请建议。。。。。。。。。。。。。。? 期待友好的回应


关于

您应该修改jquery li滚动条源代码

查看此代码(来自li scroller源):

您应该添加如下内容:

     var popup = jQuery('.tickPop');
     popup.hover(function(){
                    $strip.stop();
                           },
                           function(){
                            var offset = jQuery(this).offset();
                            var residualSpace = offset.left + stripWidth;
                            var residualTime = residualSpace/settings.travelocity;
                            scrollnews(residualSpace, residualTime);
                    });
我没有测试代码,但应该可以工作

顺便说一句,很抱歉缩进了

     var popup = jQuery('.tickPop');
     popup.hover(function(){
                    $strip.stop();
                           },
                           function(){
                            var offset = jQuery(this).offset();
                            var residualSpace = offset.left + stripWidth;
                            var residualTime = residualSpace/settings.travelocity;
                            scrollnews(residualSpace, residualTime);
                    });