Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.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_Css_Height_Css Position_Marquee - Fatal编程技术网

如何将javascript字幕增加到网站的大小?

如何将javascript字幕增加到网站的大小?,javascript,css,height,css-position,marquee,Javascript,Css,Height,Css Position,Marquee,我的网站上有一个垂直的javascript字幕(http://blogandthecity.net). 我想让它贴在屏幕上。我认为它被称为“固定”。现在字幕停在某一点上,但我希望它是整个屏幕/网站的大小 我认为有两种选择: 1.尽可能使字幕变长(但是有些网页比其他网页长。我不知道如何使字幕变长。我已经尝试了一些东西) 2.固定位置。(我试图在代码中添加“位置:固定”,但结果是字幕不再滚动。因此移动停止。字幕也不适合屏幕。) 你知道我怎样才能解决这个问题吗?如果你需要css样式,我也会把它放在这

我的网站上有一个垂直的javascript字幕(http://blogandthecity.net). 我想让它贴在屏幕上。我认为它被称为“固定”。现在字幕停在某一点上,但我希望它是整个屏幕/网站的大小

我认为有两种选择: 1.尽可能使字幕变长(但是有些网页比其他网页长。我不知道如何使字幕变长。我已经尝试了一些东西) 2.固定位置。(我试图在代码中添加“位置:固定”,但结果是字幕不再滚动。因此移动停止。字幕也不适合屏幕。)

你知道我怎样才能解决这个问题吗?如果你需要css样式,我也会把它放在这里

代码下方(我不包括文本部分):


//创建实例并调用方法水平滚动
水平变量=新选框(“选框”)。水平(
{  
步骤:1,//每个间隔移动多少像素(默认值:1)
间隔:40,//以毫秒为单位移动像素的频率(默认值:10)
鼠标悬停时停止:true,//鼠标悬停时是否应停止选框(默认值:true)
向后:false,//以相反方向旋转元素
});  


//创建实例并调用方法水平滚动
水平变量=新选框(“选框2”)。水平(
{  
步骤:1,//每个间隔移动多少像素(默认值:1)
间隔:40,//以毫秒为单位移动像素的频率(默认值:10)
鼠标悬停时停止:true,//鼠标悬停时是否应停止选框(默认值:true)
向后:false,//以相反方向旋转元素
});  

称为位置:固定;下面的css为您的字幕向下滚动和全屏显示。您可能需要使用jQuery,因为它们是内联样式(或者修改html?)


大帐篷?我似乎不知何故回到了过去。。。不,不应该使用字幕,它们违反了W3C可访问性指导原则(见我上面评论中的链接)。Woww-soo我网站上的字幕()是非法的?!哇,我怎么才能解决这个问题?@user1861212,该网站上的字幕效果与内容无关,只是一个视觉噱头。这样做很好,因为它不会向站点内容添加任何内容。有些盲人不会在意随机的国家名称在那个网站上垂直浮动。我理解:)谢谢!有人有办法修复这个大帐篷吗?
    <script type="text/javascript" src="http://blogandthecity.net/js/marquee-packed.js" ></script>  
    <script type="text/javascript">  
    //create instance and call method horizontal for horizontal scrolling  
   var horizontal = new marquee("marquee").horizontal(  
   {  
    step:1, //how many pixels to move per interval (default: 1)  
    interval: 40, //how often to move pixels in miliseconds (default: 10)  
    stop_on_hover: true, //should marquee stop on mouse hover (default: true)  
    backwards: false, //rotate elements in opposite direction  
});  
    <script type="text/javascript">  
     //create instance and call method horizontal for horizontal scrolling  
    var horizontal = new marquee("marquee2").horizontal(  
{  
    step:1, //how many pixels to move per interval (default: 1)  
    interval: 40, //how often to move pixels in miliseconds (default: 10)  
    stop_on_hover: true, //should marquee stop on mouse hover (default: true)  
    backwards: false, //rotate elements in opposite direction  
});  
#marquee, #marquee2 {
position:fixed;
}

#marquee {
margin-top:140px;
}

#marquee2 {
margin-left:-520px;
}