Javascript控制图片间歇性轮换向上滚动
2009-06-03 11:52
561 查看
<script language="javascript" type="text/javascript">
var obj_marquee;
var marquee_spd = 4000;
var step_c = 0;
function marquee_init() {
obj_marquee = document.getElementById("marquee");
var obj_unit = obj_marquee.firstChild;
var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);
return;
}
function marquee_show() {
var marquee_high = parseInt(obj_marquee.style.height);
var step = marquee_high/14;
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop = 0;
marquee_show();
return;
}
obj_marquee.scrollTop += step;
if(step_c++ < 15) setTimeout("marquee_show()", 50);
return;
}
window.onload=marquee_init;
</script>
<div id="marquee" style="margin-top: 10px; overflow: hidden; margin: -2px 0 4px 0;
padding: 0; height: 32px; width: 100%; border: 0px; padding: 0px;" align="center">
<div style="border: 0px; padding: 0px">
<!-- Marquee Body Head -->
<div style="height: 32px; border: 0px; overflow: hidden;">
<a href="ad.html" target="_blank">
<img src="/images/2009052701.jpg" alt="" /></a>
</div>
<div style="height: 32px; overflow: hidden;">
<a href="ad2.html" target="_blank">
<img src="/images/2009052201.jpg" alt="" /></a>
</div>
<!-- Marquee Body Bottom -->
</div>
</div>
var obj_marquee;
var marquee_spd = 4000;
var step_c = 0;
function marquee_init() {
obj_marquee = document.getElementById("marquee");
var obj_unit = obj_marquee.firstChild;
var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);
return;
}
function marquee_show() {
var marquee_high = parseInt(obj_marquee.style.height);
var step = marquee_high/14;
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop = 0;
marquee_show();
return;
}
obj_marquee.scrollTop += step;
if(step_c++ < 15) setTimeout("marquee_show()", 50);
return;
}
window.onload=marquee_init;
</script>
<div id="marquee" style="margin-top: 10px; overflow: hidden; margin: -2px 0 4px 0;
padding: 0; height: 32px; width: 100%; border: 0px; padding: 0px;" align="center">
<div style="border: 0px; padding: 0px">
<!-- Marquee Body Head -->
<div style="height: 32px; border: 0px; overflow: hidden;">
<a href="ad.html" target="_blank">
<img src="/images/2009052701.jpg" alt="" /></a>
</div>
<div style="height: 32px; overflow: hidden;">
<a href="ad2.html" target="_blank">
<img src="/images/2009052201.jpg" alt="" /></a>
</div>
<!-- Marquee Body Bottom -->
</div>
</div>
相关文章推荐
- 网页中实现文字或图片向上不间断滚动的javascript代码
- JavaScript控制图片横向滚动代码
- javascript 标签控制图片顺滑滚动切换
- javascript控制图片滚动
- JQuery左右按钮控制图片 文字向上滚动自定义插件
- javascript实现图片左右轮换效果(鼠标控制亦可)
- js javascript 鼠标控制图片左右滚动带自动翻滚,图片滑动新闻展示
- JS+CSS控制图片向上无缝滚动代码
- javascript实现图片左右轮换效果(鼠标控制亦可)
- asp.net图片滚动+JAVASCRIPT(向上)
- javascript图片无缝滚动
- jquery图片滚动带左右按钮控制焦点图片切换滚动
- jQuery学习之 控制列表项符号图片 及 列表项滚动
- 2个按钮控制的左右图片滚动特效代码
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- 多浏览器兼容的qq图片轮换效果javascript代码
- javascript+html5实现仿flash滚动播放图片的方法
- javascript入门·图片对象(无刷新变换图片)\滚动图像
- 原生javascript-图片滚动按需加载
- javascript控制网页背景图片