1、让状态栏显示文字
这个效果的代码很简单,只用了一小段代码。
把下面的代码加到head区里就可以了。在DW里面的behavior有个set Status
也可以做。
<SCRIPT>
<!--
window.defaultStatus="这里写你想要显示的文字!两边的引号不要忘了。";
//-->
</SCRIPT>
2、让状态栏的文字有跑马灯效果
这个代码稍微长一点,也是放在head区。你只需要看懂其中一部分就可以了。注
意看我下面的注释。
<SCRIPT language=javascript><!--
function scroll(seed)
{
var m1 = "欢迎光临"
var m2 = "http://www.best-you.org"//这里是你要改的地方。
var msg=m1+m2; //var的数量增加以后,记得这里也要相应的改成var
msg=m1+m2……+mn;n是var的条数。
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
var cmd="scroll(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0)
{
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
} else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scroll(100)",7);
}
}
}
timerONE=window.setTimeout('scroll(100)',50);
//--></SCRIPT>
3、高级一点的跑马灯效果。
前面介绍的跑马灯效果,好多人都在用。所以可能不是很特别了,下面这一种就
稍微“高级”一点了。它的文字是一个一个飞出来的。
同样下面的代码放到head区。只需要改注释的一部分就可以了。
<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 40//两个字飞出的时间差。
var MESSAGE = "→ BestYou Studio V2 ←"
//这里是你要改的文字。
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++)
{
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + ","
+ position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + ","
+ position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
4、打字效果的状态栏
这种效果已经做成了插件,名字叫scrolling_status_bar。好多地方都可以下到
。如果你没有插件,其实要做也不难。代码同样放在head区。
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var speed = 50
var pause = 2500
var timerID = null
var bannerRunning = false
var ar = new Array()//在下面改你要的文字。5个应该够你用了!呵呵~~
ar[0] = "呵呵~~~~"
ar[1] = "哈哈~~~"
ar[2] = "嘿嘿~~~"
ar[3] = "西西~~~"
ar[4] = ""
var currentMessage = 0
var offset = 0
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function showBanner() {
var text = ar[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset
+
1)
window.status = partialMessage
offset++
timerID = setTimeout("showBanner()",
speed)
bannerRunning = true
} else {
offset = 0
currentMessage++
if (currentMessage == ar.length)
currentMessage = 0
timerID = setTimeout
("showBanner()", pause)
bannerRunning = true
}
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
startBanner();
</SCRIPT>
(转载自http://www.best-you.org)
|