拉幕效果

本实例使用JavaScrispt在网页上放置一些调色板,通过单击鼠标,就能实现对于当前网页背景颜色的修改。本节主要涉及的JavaScript语法如下。

document.write()是一个输出流,执行的时候,会自动调用对象的toString()方法,该方法执行以后,会在页面输入参数定义的内容。

本实例主要代码如下:

<script type="text/javascript">

/*数组赋值函数*/

function assignArray(text,delay)

{

this.text = text this.delay = delay

}

/*数组创建函数*/

function createArray()

{

/*修改下面的渐变颜色代码,可以得到不同的效果*/

/*显示的颜色*/

fadecolor = new Array("#000000","#333333","#666666","#999999","#CCCCCC","#FFFFFF")

/*修改显示的文字*/

msg = new Array() msg[0] = new assignArray("中国共产党万岁",1000)

msg[1] = new assignArray("为人民服务",1000)

msg[2] = new assignArray("感恩的心",1000)

msg[3] = new assignArray("难忘今宵",1000)

/*在指定时间后执行代码*/

setTimeout("typeIt()",1000)

}

var msgNo = 0 /*数组元素个数*/

var character = 1 /*字符数*/

var colorNo = 0 /*颜色数量*/

var fixColor = 1 /*修正颜色数量*/

var colorCheck = 0 /*检验颜色数量*/

/*拼写词汇的函数*/

function typeIt()

{

var insertHTML = ""

/*对数级元素进行循环*/

if (msgNo <= msg.length - 1)

{

if (character <= msg[msgNo].text.length || colorCheck < msg[msgNo].text.length){

colorCheck = 0

for (var charCheck = 0; charCheck < character; charCheck++,colorNo--, fixColor--){

if (fixColor > 5) colorNo = 5

if(colorNo==5) colorCheck + =1 inseertHTML + ='<SPAN style="font-family:Arial Black; font-size:50pt; color:' + fadecolor[colorNo] + '">' + msg[msgNo].text.substring (charCheck, charCheck + 1) + '</span>' }

if (document.layers) {

document.typeWriter.document.write(inserHTML)

document.typeWriter.document.close()

} else if (documet.all){

document.all.typeWriter.innerHTML = insertHTML

}

/*在指定时间后执行代码*/

setTimeout("typeIt()",50)

character++

colorNo = character - 1

fixColor = character

}

/*到达预设值结束循环*/

else

{

character=1

colorNo = character - 1

fixColor = character

/*在指定时间后执行代码*/

settimeout("typeIt()",msg[msgNo].delay)

msgNo++

}

}

}

</script>

W3School - 领先的 Web 技术教程站点

在 W3School,你可以找到你所需要的所有网站建设教程。

请点击这里