向上滚动文字代码
2009-08-07 15:39
225 查看
1、
<div style="overflow:hidden;height:22px;line-height:22px;font-size:14px" id="marqueebox0">文字标签</div><script>
<!--
function startmarquee(lh,speed,delay,index){
var t;
var p=false;
var o=document.getElementById("marqueebox"+index);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 2;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(22,50,3000,0);
/**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/
//-->
</script>
----《来自学习网》
2、
3、
<div style="overflow:hidden;height:22px;line-height:22px;font-size:14px" id="marqueebox0">文字标签</div><script>
<!--
function startmarquee(lh,speed,delay,index){
var t;
var p=false;
var o=document.getElementById("marqueebox"+index);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 2;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(22,50,3000,0);
/**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/
//-->
</script>
----《来自学习网》
2、
<div id="marquee-box"> <div id="marquee" style="margin-top:0px;"> <div><span id="linkArea"><a href="http://n.thec.cn/bean/index/index.html" target="_blank">糖豆子</a> <br />个人作品</span></div> <div><span id="linkArea"><a href="http://jingzi30.blog.163.com/" target="_blank">简单生活</a><br />徐静博客</span></div> <div><span id="linkArea"><a href="http://www.aoao.org.cn/" target="_blank">样式之美 正在消失</a><br />嗷嗷:前端设计师 中国北京,这里记录我对Web标准、CSS、用户体验研究相关的东西</span></div> <div><span id="linkArea"><a href="http://www.planabc.net/" target="_blank">怿飞’s Blog</a><br />IE, 优化, hack, Yahoo,网站优化, 前端, 用户体验, SEO</span></div> <div><span id="linkArea"><a href="http://hi.baidu.com/tangdou8008" target="_blank">糖豆子的博客</a> <br />糖豆子个人生活 </span></div> </div> </div> <script type="text/javascript"> var mar = document.getElementById("marquee"); var h = 1; var marquee; marquee = window.setInterval("up()",100); function up(){ if(Math.abs(parseInt(mar.style.marginTop)) < mar.firstChild.clientHeight){ mar.style.marginTop = parseInt(mar.style.marginTop) - h +"px"; } else{ mar.appendChild(mar.firstChild); mar.style.marginTop = 0 +"px"; } } mar.onmouseover = function(){ clearInterval(marquee); } mar.onmouseout = function(){ marquee = window.setInterval("up()",100); } </script>
3、
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="2" direction="up"> <div><span id="linkArea"><a href="http://n.thec.cn/bean/index/index.html" target="_blank">糖豆子</a><br />个人作品</span></div> <div><span id="linkArea"><a href="http://jingzi30.blog.163.com/" target="_blank">简单生活</a><br />徐静博客</span></div> <div><span id="linkArea"><a href="http://www.aoao.org.cn/" target="_blank">样式之美 正在消失</a><br />嗷嗷:前端设计师 中国北京,这里记录我对Web标准、CSS、用户体验研究相关的东西</span></div> <div><span id="linkArea"><a href="http://www.planabc.net/" target="_blank">怿飞’s Blog</a><br />IE, 优化, hack, Yahoo,网站优化, 前端, 用户体验, SEO</span></div> <div><span id="linkArea"><a href="http://hi.baidu.com/tangdou8008" target="_blank">糖豆子的博客</a><br />糖豆子个人生活 </span></div> </marquee> ---《来自天涯问答》
相关文章推荐
- 文字向上无缝滚动代码
- jQuery插件实现文字无缝向上滚动效果代码
- 图片、文字不间断向上、下、左、右滚动代码
- 文字列表无缝向上滚动JavaScript代码
- 文字列表无缝向上滚动代码
- jquery插件之文字间歇自动向上滚动效果代码
- 纯JS无间隙文字向上滚动代码
- 文字向上滚动代码,带段落停顿
- JQuery文字列表向上滚动的代码
- JS 文字向上滚动代码
- 多列文字向上滚动代码
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- JQuery文字列表向上滚动的代码
- 文字或者图片向上滚动代码
- 从网上找到的一段定时向上滚动文字的JS代码 和大家分享
- [JS]连续向上滚动文字代码
- JS+CSS代码简洁的无间断文字向上滚动切换效果
- jquery单行文字向上滚动效果的实现代码
- 文字向上滚动代码
- jquery单行文字向上滚动效果的实现代码