脚本特效展示
文本从右向左输出
注意:把< body>中的内容改为: < body bgcolor="#fef4d9" OnLoad="tickinit()">
Doesn't this message scroller look great? You can even insert links like this:
yahoo.com
Now it repeats.
以下代码加入<head>区域
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- 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>
以下代码加入<body>区域