王朝知道
分享
 
 
 

制作网业怎么设置状态栏文本

王朝知道·作者佚名  2010-06-13  
宽屏版  字体: |||超大  
 
分类: 电脑/网络
 
问题描述:

状态栏文本中怎么把字设置效果!比如:飞入效果,或旋转效果.

参考答案:

1.状态栏数字钟

var timerRunning = false;

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

}

function showtime () {

var now = new Date();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds()

var timeValue = " " + ((hours >12) ? hours -12 :hours)

timeValue += ((minutes < 10) ? ":0" : ":") + minutes

timeValue += ((seconds < 10) ? ":0" : ":") + seconds

timeValue += (hours >= 12) ? " 下午" : " 上午"

window.status = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true;

}

function startclock () {

stopclock();

showtime();

}

</head>

2.闪烁状态栏

var speed = 700;

var control = 1;

function flash()

{

if (control == 1)

{

window.status=yourwords;

control=0;

}

else

{

window.status="";

control=1;

}

setTimeout("flash()",speed);

}

window.onload=flash

// -->

3.文字从右到左

function scrollit_r2l(seed)

{ var m1 = "状态栏文字从右到左移动!!!!" ;

var m2 = "" ;

var msg=m1+m2;

var out = " ";

var c = 1;

var speed = 120;

if (seed > 100)

{ seed-=2;

var cmd="scrollit_r2l(" + seed + ")";

timerTwo=window.setTimeout(cmd,speed);}

else if (seed <= 100 && seed > 0)

{ for (c=0 ; c < seed ; c++)

{ out+=" ";}

out+=msg; seed-=2;

var cmd="scrollit_r2l(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,speed); }

else if (seed <= 0)

{ if (-seed < msg.length)

{

out+=msg.substring(-seed,msg.length);

seed-=2;

var cmd="scrollit_r2l(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,speed);}

else { window.status=" ";

timerTwo=window.setTimeout("scrollit_r2l(100)",speed);

}

}

}

scrollit_r2l(100);

// -- End of JavaScript code -->

4.文字从右弹出

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 = 4

var MESSAGE = "状态栏文字快速的一个一个弹出!!! "

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

{jumpSpaces--}

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);

// -->

小贴士:① 若网友所发内容与教科书相悖,请以教科书为准;② 若网友所发内容与科学常识、官方权威机构相悖,请以后者为准;③ 若网友所发内容不正确或者违背公序良俗,右下举报/纠错。
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
如何用java替换看不见的字符比如零宽空格&#8203;十六进制U+200B
 干货   2023-09-10
网页字号不能单数吗,网页字体大小为什么一般都是偶数
 干货   2023-09-06
java.lang.ArrayIndexOutOfBoundsException: 4096
 干货   2023-09-06
Noto Sans CJK SC字体下载地址
 干货   2023-08-30
window.navigator和navigator的区别是什么?
 干货   2023-08-23
js获取referer、useragent、浏览器语言
 干货   2023-08-23
oscache遇到404时会不会缓存?
 干货   2023-08-23
linux下用rm -rf *删除大量文件太慢怎么解决?
 干货   2023-08-08
刀郎新歌破世界纪录!
 娱乐   2023-08-01
js实现放大缩小页面
 干货   2023-07-31
生成式人工智能服务管理暂行办法
 百态   2023-07-31
英语学习:过去完成时The Past Perfect Tense举例说明
 干货   2023-07-31
Mysql常用sql命令语句整理
 干货   2023-07-30
科学家复活了46000年前的虫子
 探索   2023-07-29
英语学习:过去进行时The Past Continuous Tense举例说明
 干货   2023-07-28
meta name="applicable-device"告知页面适合哪种终端设备:PC端、移动端还是自适应
 干货   2023-07-28
只用css如何实现打字机特效?
 百态   2023-07-15
css怎么实现上下滚动
 干货   2023-06-28
canvas怎么画一个三角形?
 干货   2023-06-28
canvas怎么画一个椭圆形?
 干货   2023-06-28
canvas怎么画一个圆形?
 干货   2023-06-28
canvas怎么画一个正方形?
 干货   2023-06-28
中国河南省郑州市金水区蜘蛛爬虫ip大全
 干货   2023-06-22
javascript简易动态时间代码
 干货   2023-06-20
感谢员工的付出和激励的话怎么说?
 干货   2023-06-18
 
>>返回首页<<
 
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有