编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。 【实例名称】 围绕鼠标的文本JS代码 【实例描述】 文本可以跟随鼠标,也可以围绕着鼠标闪动。本例将演示如何让指定的文本,一直围绕着鼠标闪动。 【实例代码】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<SCRIPT language=javascript>
var cx=0;
var cy=0;
var val=0;
function location()
{ cx=window.event.x;
//获取鼠标的x坐标
cy=window.event.y;
//获取鼠标的y坐标
}
document.onmousemove=location;
//绑定鼠标的移动事件
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10;
//设置要显示的字符的x,y坐标
else x=cx-25+i*10;
var y=cy-20+Math.floor(Math.random()*40);
//实现随机值的获取
w=eval("word"+i);
//获取要显示的字符
with(w.style)
{
left=x.toString()+"px";
//在指定的位置显示字符
top=y.toString()+"px";
}
}
function show(i)
{
var w=eval("word"+i);
//获取要显示的字符
with(w.style)
{
visibility="visible";
s=parseInt(fontSize);
//设置字符的字体-从达到小,从小到大
if(s>=200)s-=100;
else if(s>90&&s<=100)
{
s-=85;
clearInterval(val);
if(i<5)val=setInterval("show("+(i+1)+")",20);
//循环的显示下一个字符
}
fontSize=s;
}
}
function start()
{
for(i=1;i<=5;i++)
{
val=setInterval("show(1)",20);
//循环执行
setInterval("follow("+i+")",100);
//循环执行
}
}
</SCRIPT>
<SCRIPT language=javascript>
var word=new Array(5);
word[1]="欢";word[2]="迎";word[3]="您";word[4]="光";word[5]="临";
//设置要围绕的字符数组
for(i=1;i<=5;i++)
document.write("<div id='word"+i+"' style='width:20px;
height:20px;position:absolute;font-size:1000;visibility:hidden'>
<font face='Forte' color='#cc9966'>"+word[i]+"</font></div>");
start();
//开始执行围绕操作
</SCRIPT>
</head>
<body>
</body>
</html>
【运行效果】 【难点剖析】 本例中围绕鼠标的文字颜色是固定的,位置和字体是不断变化的。通过数组“word”保存要显示的文字,然后用“show”方法逐个显示数组中的文本,“follow”方法用来设置这些文字的随机位置。 【源码下载】 本实例JS代码下载
使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。 |