Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.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 从右到左创建新闻代码消息_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 从右到左创建新闻代码消息

Javascript 从右到左创建新闻代码消息,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我正试图扭转这个代码笔的方向,但没有成功 希望生成一条从左到右的HTML jQuery Ticker消息 这是我试图反转的代码笔: 这不起作用: var width = $('.ticker-text').width(), containerwidth = $('.ticker-container').width(), left = containerwidth; $(document).ready(function(e){ function tick() {

我正试图扭转这个代码笔的方向,但没有成功

希望生成一条从左到右的HTML jQuery Ticker消息

这是我试图反转的代码笔:

这不起作用:

var width = $('.ticker-text').width(),
    containerwidth = $('.ticker-container').width(),
    left = containerwidth;
$(document).ready(function(e){
    function tick() {
        if(--left < -width){
            left = containerwidth;
        }
        $(".ticker-text").css("margin-right", left + "px");
        setTimeout(tick, 8);
      }
      tick();
});
var width=$('.ticker text').width(),
containerwidth=$('.ticker container').width(),
左=集装箱宽度;
$(文档).ready(函数(e){
函数tick(){
如果(--左<-宽){
左=集装箱宽度;
}
$(“.ticker text”).css(“右边距”,左边距+px”);
设置超时(勾选8);
}
勾选();
});
很好地工作

var-width,containerwidth,left,way=0;
$(文档).ready(函数(e){
宽度=$('.ticker text').width();
containerwidth=$('.ticker container').width();
左=集装箱宽度;
勾选();
});
函数tick(){
如果(方式){
如果(--左<-宽){
左=集装箱宽度;
}
}否则{
如果(++左>集装箱宽度){
左=宽度;
}
}
$(“.ticker text”).css(“左边距”,左边距+px”);
设置超时(勾选8);
}
函数切换(){
路=(路+1)%2;
}
正文{
保证金:0自动;
}
.自动售票机集装箱{
背景:番茄;
宽度:100%;
溢出:隐藏;
保证金:0自动;
}
.股票代码文本{
身高:150%;
颜色:#fafafa;
空白:nowrap;
显示:内联块;
字体系列:“蒙特塞拉特”,无衬线;
文本转换:大写;
}

你好欢迎来到我的网站。
改变方向
让接缝工作正常

var-width,containerwidth,left,way=0;
$(文档).ready(函数(e){
宽度=$('.ticker text').width();
containerwidth=$('.ticker container').width();
左=集装箱宽度;
勾选();
});
函数tick(){
如果(方式){
如果(--左<-宽){
左=集装箱宽度;
}
}否则{
如果(++左>集装箱宽度){
左=宽度;
}
}
$(“.ticker text”).css(“左边距”,左边距+px”);
设置超时(勾选8);
}
函数切换(){
路=(路+1)%2;
}
正文{
保证金:0自动;
}
.自动售票机集装箱{
背景:番茄;
宽度:100%;
溢出:隐藏;
保证金:0自动;
}
.股票代码文本{
身高:150%;
颜色:#fafafa;
空白:nowrap;
显示:内联块;
字体系列:“蒙特塞拉特”,无衬线;
文本转换:大写;
}

你好欢迎来到我的网站。
更改方向
U可以尝试此插件:U可以尝试此插件: