Javascript jquery.li-scroller.1.0.js newsticker修改
我正在开发一个网站,它使用jquery.li-scroller.1.0.js在一个条带中显示滚动新闻 网页地址为: 当我们将鼠标悬停在新闻播报器上时,条带停止。在这个阶段,我想在当前li下显示一个带有文本的弹出框。我已经做了一些事情,当我们将鼠标指针悬停在纸带上时,newsticker停止,方框显示文本 问题: jquery.li-scroller newsticker有一个带有{overflow:hidden}的包装,因此如果我添加带有li的弹出框,那么它就不会显示。这就是为什么我在弹出窗口(.tickPop)中使用单独的空格和一些jquery文档准备好的白色脚本进行编码的原因。我的剧本是: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的弹出框,那么它就不会显示。这就是为什么我在弹出窗口(
$('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);
});