您的位置:首页 > 编程语言

向上滚动文字代码

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、
<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>
---《来自天涯问答》


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: