电脑故障

位置：IT落伍者 >> 电脑故障 >> 浏览文章

网页状态栏特效全攻略
发布日期：2021/9/17
 

在上网时我们注意往往是网站页面内容而状态栏不会被人太多注意如果我们给页面的状态栏加一些特效肯定会使你的网站增添一道风景下面就给大家介绍种常见的状态栏特效的Javascript代码

特效一滚动显示

第一步:把如下代码加入<head>区域中

<script language=Javascript>

<!

function scrollit(seed) {

var m = HI你 好! ;

var m = 欢迎访问赛迪 ;

var m = 请多提意见谢 谢! ;

var m = 欢迎您下次再来！ ;

var m = ;

var msg=m+m+m+m+m;

var out = ;

var c = ;

if (seed > ) {

seed;

cmd=scrollit(+seed+);

timerTwo=windowsetTimeout(cmd);

}

else if (seed <= && seed > ) {

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

out+= ;

}

out+=msg;

seed;

windowstatus=out;

cmd=scrollit(+seed+);

timerTwo=windowsetTimeout(cmd);

}

else if (seed <= ) {

if (seed < msglength) {

out+=msgsubstring(seedmsglength);

seed;

windowstatus=out;

cmd=scrollit(+seed+);

timerTwo=windowsetTimeout(cmd);

}

else {

windowstatus= ;

timerTwo=windowsetTimeout(scrollit());

}

}

}

//>

</script>

第二步:把如下代码加入<body>区域中

<body background=baggif onLoad=scrollit()>

特效二文字从状态栏的右边循环弹出

把如下代码加入<head>区域中

<script language=Javascript>

var MESSAGE = 欢迎来到赛迪网请多提意见谢谢!

var POSITION =

var DELAY =

var scroll = new statusMessageObject()

function statusMessageObject(pd) {

thismsg = MESSAGE

thisout =

thispos = POSITION

thisdelay = DELAY

thisi =

thisreset = clearmessage}

function clearmessage() {

thispos = POSITION}

function scroller() {

for (scrolli = ; scrolli < scrollpos; scrolli++) {

scrollout += }

if (scrollpos >= )

scrollout += scrollmsg

else scrollout = scrollmsgsubstring(scrollposscrollmsglength)

windowstatus = scrollout

scrollout =

scrollpos

if (scrollpos < (scrollmsglength)) {

scrollreset()}

setTimeout (scroller()scrolldelay)}

function snapIn(jumpSpacesposition) {

var msg = scrollmsg

var out =

for (var i=; i<position; i++)

{out += msgcharAt(i)}

for (i=;i<jumpSpaces;i++)

{out += }

out += msgcharAt(position)

windowstatus = out

if (jumpSpaces <= ) {

position++

if (msgcharAt(position) == )

{position++ }

jumpSpaces = position

} else if (jumpSpaces > )

{jumpSpaces *= }

else

{jumpSpaces}

if (position != msglength) {

var cmd = snapIn( + jumpSpaces + + position + );

scrollID = windowsetTimeout(cmdscrolldelay);

} else { windowstatus=

jumpSpaces=

position=

cmd = snapIn( + jumpSpaces + + position + );

scrollID = windowsetTimeout(cmdscrolldelay);

return false }

return true}

snapIn();

</script>

特效三title弹出效果

把如下代码加入<head>区域中

<script language=javascript>

<! Hide me

var index_count = ;

var title_string = 欢迎光临赛迪网()这里有许多电脑应用方面的文章

是您学习电脑的好去处!希望您能够常来！ ;

var title_length = title_stringlength;

var cmon;

var kill_length = ;

function loopTheScroll()

{

scrollTheTitle();

if(kill_length > title_length)

{

clearTimeout(cmon);

}

kill_length++;

cmon = setTimeout(loopTheScroll();)

}

function scrollTheTitle()

{

var doc_title = title_stringsubstring((title_length index_count )title_length);

documenttitle = doc_title;

index_count++;

}

loopTheScroll();

//>

</script>

特效四文字组合弹出

第一步:把如下代码加入<head>区域中

<script language=javascript>

<! Hide this script from old browsers

var speed =

var pause =

var timerID = null

var bannerRunning = false

var ar = new Array()

ar[] = 欢迎来到赛迪网！

ar[] = 它是您学校电脑的好帮手！

ar[] = 请多提意见谢谢!

var message =

var state =

clearState()

function stopBanner() {

if (bannerRunning)

clearTimeout(timerID)

bannerRunning = false

}

function startBanner() {

stopBanner()

showBanner()

}

function clearState() {

state =

for (var i = ; i < ar[message]length; ++i) {

state +=

}

}

function showBanner() {

if (getString()) {

message++

if (arlength <= message)

message =

clearState()

timerID = setTimeout(showBanner() pause)

bannerRunning = true

} else {

var str =

for (var j = ; j < statelength; ++j) {

str += (statecharAt(j) == ) ? ar[message]charAt(j) :

}

windowstatus = str

timerID = setTimeout(showBanner() speed)

bannerRunning = true

}

}

function getString() {

var full = true

for (var j = ; j < statelength; ++j) {

if (statecharAt(j) == )

full = false

}

if (full)

return true

while () {

var num = getRandom(ar[message]length)

if (statecharAt(num) == )

break

}

state = statesubstring( num) + + statesubstring(num + statelength)

return false

}

function getRandom(max) {

return Mathround((max ) * Mathrandom())

}

// End Hiding Here >

</script>

第二步:把如下代码加入<body>区域中

<body bgcolor=#fefd onLoad=startBanner()>

特效五文字不停闪烁

第一步:把如下代码加入<head>区域中

<script language=>

<!

var yourwords = 欢迎光临赛迪网()!!!;

var speed = ;

var control = ;

function flash()

{

if (control == )

{

windowstatus=yourwords;

control=;

}

else

{

windowstatus=;

control=;

}

setTimeout(flash()speed);

}

// >

</script>

第二步:把如下代码加入<body>区域中

<body bgcolor=#fefd onLoad=flash()>

特效六文字来回出现

第一步:把如下代码加入<head>区域中

<script LANGUAGE=Javascript>

<! Begin

var Message=欢迎光临赛迪网()!!!!!;

var place=;

function scrollIn() {

windowstatus=Messagesubstring( place);

if (place >= Messagelength) {

place=;

windowsetTimeout(scrollOut());

} else {

place++;

windowsetTimeout(scrollIn());

}

}

function scrollOut() {

windowstatus=Messagesubstring(place Messagelength);

if (place >= Messagelength) {

place=;

windowsetTimeout(scrollIn() );

} else {

place++;

windowsetTimeout(scrollOut() );

}

}

// End >

</script>

第二步:把<body>中的内容改为:

<body bgcolor=#fefd onLoad=scrollIn()>

特效七状态栏固定信息

<body bgcolor=#fefd onmouseover=selfstatus=欢迎光临赛迪网;return true>

上一篇：创建除三角形外的各种形状窗体

下一篇：网友杂谈各种app Server