60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 文本特效类 >> 正文[打印] [收藏]

文字从左自右滚动，不是用marquee做的，很有特色的

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 23:20:25

演示区

Doesn't this message scroller look great? You can even insert links like this: yahoo.com Now it repeats.

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

<!-- Begin

var l1 =   0; // left of ticker in pixel, or 0 to position relative

var t1 =   0; // top of ticker in pixel, or 0 to position relative

var w1 = 400; // width of ticker in pixel

var ie = document.all ? true : false;

var first = true;

var l2 = l1 + w1;

var l3 = l1 - l2;

var l = l2;

function tickinit() {

if (ie) {

if (l1 == 0 && t1 == 0) {

pos = document.all['tickpos'];

l1 = getLeft(pos);

t1 = getTop(pos);

}

ticktext.style.posTop = t1;

}

else {

if (l1 == 0 && t1 == 0) {

pos = document.anchors['tickpos'];

l1 = pos.x;

t1 = pos.y;

}

document.ticktext.pageY = t1;

}

l2 = l1 + w1;

l3 = l1 - l2;

l = l2;

setInterval('tick()', 10);

}

function getLeft(ll) {

if (ll.offsetParent)

return (ll.offsetLeft + getLeft(ll.offsetParent));

else

return (ll.offsetLeft);

}

function getTop(ll) {

if (ll.offsetParent)

return (ll.offsetTop + getTop(ll.offsetParent));

else

return (ll.offsetTop);

}

function tick() {

l = l - 0.5;

if (l < l3) l = l2;

cl = l1 - l;

cr = l2 - l;

if (ie) {

ticktext.style.posLeft = l;

ticktext.style.posTop = t1;

ticktext.style.clip = "rect(auto "+cr+"px auto "+cl+"px)";

if (first) ticktext.style.visibility = "visible";

}

else {

document.ticktext.pageX = l;

document.ticktext.clip.left = cl;

document.ticktext.clip.right = cr;

if (first) document.ticktext.visibility = "show";

}

first = false;

}

//  End -->

</script>

<nobr>Doesn't this message scroller look great?  You can even insert links like this: <a href="http://www.yahoo.com" target="_blank">yahoo.com</a>  Now it repeats.</nobr>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：文字从旁边突然出现，而且可以加入链接，动态效果非常好

下一篇教程：在文本框中输出信息，可以放一些名人的诗句，增加你页面的情趣

相关文字从左自右滚动，不是用marquee做的，很有特色的的文章：

没有相关教程

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 文本特效类 >> 正文[打印] [收藏]

文字从左自右滚动，不是用marquee做的，很有特色的

网友评论

全站阅读排行

本类热门教程