<div id="marquees">
<a href="javascript:">你可曾有过无数的梦想</a>
<br/>
<a href="javascript:">却在时光的流逝里幻灭</a>
<br/>
<a href="javascript:">你可曾对未来期待憧憬</a>
<br/>
<a href="javascript:">却在成长的岁月中迷失</a>
<br/>
</div>
<script type="text/javascript">
marqueesHeight = 200;
stopscroll = false;
with(marquees){
style.width = 0;
style.height = marqueesHeight;
style.overflowX = "visible";
style.overflowY = "hidden";
noWrap = true;
onmouseover = new Function("stopscroll=true");
onmouseout = new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop = 0; currentTop = 0;
function init(){
templayer.innerHTML = "";
while(templayer.offsetHeight < marqueesHeight){
templayer.innerHTML += marquees.innerHTML;
}
marquees.innerHTML = templayer.innerHTML + templayer.innerHTML;
setInterval("scrollUp()", 20);
}
document.body.onload = init;
function scrollUp(){
if(stopscroll == true) return;
preTop = marquees.scrollTop;
marquees.scrollTop += 1;
if(preTop == marquees.scrollTop){
marquees.scrollTop = templayer.offsetHeight - marqueesHeight;
marquees.scrollTop += 1;
}
}
</script>
分享到:
相关推荐
ASP滚动新闻代码ASP滚动新闻代码ASP滚动新闻代码ASP滚动新闻代码
滚动新闻,滚动图片,jquery滚动新闻,jqeury滚动图片
JS最简单的滚动新闻,兼容IE6及其他主流浏览器,还可以调整滚动速度
新浪滚动新闻采集程序天宇版简介 新浪新闻采集程序天宇版采用php进行开发,能自动对新浪新闻进行采集。 占用空间小,建站成本低,无需等待,马上就可以拥有海量网站数据; 免更新免维护,管理方便,操作简单,实现全...
可是实现滚动新闻效果 简单易用 比较适合初学网页设计与制作的人使用
Flash XML滚动新闻
垂直滚动新闻效果jquery插件
基于Bootstrap的垂直滚动新闻特效
jquery垂直向上逐条滚动新闻列表
Asp顶端滚动新闻图片+注释并附带Access数据库。
AJAX滚动新闻展示效果
这是一款基于Bootstrap的垂直滚动新闻特效。原生的Bootstrap只有水平的轮播图插件。该特效通过修改HTML结构和CSS样式来达到垂直滚动轮播的效果。
755373578sina滚动新闻采集器,可准确采集新浪每条新闻的内容,并保存为文本文件,支持多线程
模仿幻灯片效果的滚动新闻
带滚动新闻jquery全屏焦点图是一款带左右按钮,支持自动播放,淡入淡出切换;附带滚动新闻效果的jquery焦点图代码。
jQuery实现滚动新闻代码是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件。
通过Jquery写的新闻滚动播放界面,包括单行滚动,多行滚动。
左边视频,右边滚动新闻,天气预报 使用说明 1. 文件夹要放在e:盘根目录下,一定要改变路径在js/f.js文件中修改 2. 视频文件放在v文件夹中,增加或修改播放列表在vv.asx 3. 播放器须升级,dx升级 4. 新闻添加修改...
使用一小段javascript做的滚动新闻,只要你了解了这段代码的用处,还可以结合AJAX和新闻类站点的RSS做一个实时更新、实实滚动的新闻展示效果
html滚动新闻