连续图像垂直滚动条
Continuous Image Vertical Scroller
我需要从http://javascript.about.com/library/blcvert.htm将滚动方向更改为向下。
有人能帮忙吗?
当然,如果有人知道/有其他能产生同样效果的剧本,那也会很有帮助。
Thanx
附言:脚本(可读格式为):
var imgAry1 = ['img1.png','img2.png'];
function startCloud() {
new mq('clouds', imgAry1, 380);
mqRotate(mqr);
}
$(document).ready(function() {
startCloud();
});
var mqr = [];
function mq(id, ary, heit) {
this.mqo=document.getElementById(id);
var wid = this.mqo.style.width;
this.mqo.onmouseout=function() { mqRotate(mqr); };
this.mqo.onmouseover=function() { clearTimeout(mqr[0].TO); };
this.mqo.ary=[];
var maxw = ary.length;
for (var i=0;i<maxw;i++) {
this.mqo.ary[i]=document.createElement('img');
this.mqo.ary[i].src=ary[i];
this.mqo.ary[i].style.position = 'absolute';
this.mqo.ary[i].style.top = (heit*i)+'px';
this.mqo.ary[i].style.height = heit+'px';
this.mqo.ary[i].style.width = wid;
this.mqo.appendChild(this.mqo.ary[i]);
}
mqr.push(this.mqo);
}
function mqRotate(mqr) {
if (!mqr) return;
for (var j=mqr.length - 1; j > -1; j--) {
maxa = mqr[j].ary.length;
for (var i=0;i<maxa;i++) {
var x = mqr[j].ary[i].style;
x.top=(parseInt(x.top,10)-1)+'px';
}
var y = mqr[j].ary[0].style;
if (parseInt(y.top,10)+parseInt(y.height,10)<0) {
var z = mqr[j].ary.shift();
z.style.top = (parseInt(z.style.top) + parseInt(z.style.height)*maxa) + 'px';
mqr[j].ary.push(z);
}
}
mqr[0].TO=setTimeout('mqRotate(mqr)',10);
}
在这一行:
x.top=(parseInt(x.top,10)-1)+'px';
它说你以像素为单位取x.top
,解析出数字,减去一,再加上"px"。元素从顶部开始的位置每次减少1,因此它向上。要使其向下,只需添加即可。
x.top=(parseInt(x.top,10)+1)+'px';
我还在你链接的页面上测试了这个假设:)
相关文章:
- CodeMirror.禁用垂直滚动条
- 检测垂直滚动和滚动条宽度,并将宽度更改应用于正文
- Jquery干扰后隐藏垂直滚动条
- 选择/选项中的垂直滚动条
- 如何隐藏多个图像容器的垂直滚动条
- 当我将水平滚动条移到最左边时,垂直滚动条不可见
- Ace编辑器通过垂直滚动条隐藏最后的相扑
- 删除垂直滚动条而不附加元素换行
- JQuery:手风琴高度样式:填充导致垂直滚动条
- jQuery 获取文档宽度和高度,不包括水平/垂直滚动条
- 让垂直滚动条始终显示 css
- 在没有jQuery的情况下找到滚动条的垂直位置
- JavaScript .toggle - 垂直滚动条上升
- 垂直滚动,但删除滚动条
- 带有一些固定像素的垂直滚动条
- 使用鼠标滚轮和滚动条平滑垂直页面滚动
- 如何创建垂直图像滚动条
- 没有固定宽度的正文垂直滚动条
- 带/不带垂直滚动条的帮助窗口
- 如何实现脸书聊天垂直滚动条样式