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