<head>
<title>文字跟随鼠标</title>
<style type="text/css">
<!--
body{
background-color:#004593
}
.spanstyle{
color:#fff000
font-family:"Courier New"
font-size:18px
font-weight:bold
position:absolute /* 绝对定位 */
top:-50px
}
-->
</style>
<script language="javascript">
var x,y //鼠标当前在页面上的位置
var step=10//字符显示间距，为了好看，step=0则字符显示没有间距
var flag=0
var message="Cascading Style Sheet" //跟随鼠标要显示的字符串
message=message.split("")//将字符串分割为字符数组var xpos=new Array() //存储每个字符的x位置的数组
for (i=0i<message.lengthi++) {
xpos[i]=-50
}
var ypos=new Array() //存储每个字符的y位置的数组
for (i=0i<message.lengthi++) {
ypos[i]=-50
}for (i=0i<message.lengthi++) { //动态生成显示每个字符span标记,
//使用span来标记字符，是为了方便使用CSS，并可以自由的绝对定位
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}if (document.layers){
document.captureEvents(Event.MOUSEMOVE)
}function handlerMM(e){ //从事件得到鼠标光标在页面上的位置
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}function makesnake() { //重定位每个字符的位置
if (flag==1 &&document.all) { //如果是IE
for (i=message.length-1i>=1i--) {
xpos[i]=xpos[i-1]+step //从尾向头确定字符的位置，每个字符为前一个字符“历史”水平坐标+step间隔，
//这样随着光标移动事件，就能得到一个动态的波浪状的显示效果
ypos[i]=ypos[i-1] //垂直坐标为前一字符的历史“垂直”坐标，后一个字符跟踪前一个字符运动
}
xpos[0]=x+step //第一个字符的坐标位置紧跟鼠标光标
ypos[0]=y
//上面的算法将保证，如果鼠标光标移动到新位置，则连续调用makenake将会使这些字符一个接一个的移动的新位置
// 该算法显示字符串就有点象人类的游行队伍一样，
for (i=0i<=message.length-1i++) {
var thisspan = eval("span"+(i)+".style") //妙用eval根据字符串得到该字符串表示的对象
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 &&document.layers) {
for (i=message.length-1i>=1i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0i<=message.length-1i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",10) //设置10毫秒的定时器来连续调用makesnake(),时刻刷新显示字符串的位置。
}
document.onmousemove = handlerMM
</script>
</head>
<body onLoad="makesnake()">
</body>
</html>
框只有一种读音，第四声。
框的释义
拼 音：kuàng
部 首：木
笔 画：0
五 笔：SAGG
1.嵌在墙上为安装门窗用的架子。
2.（框儿） 镶在器物周围起约束、支撑或保护作用的东西：镜框儿。
3.框框：这条消息被人用红笔加了个框。
4.在文字、图片的周围加上线条：把这几个字～起来。
5.约束；限制：不能～得太死。
字形演变如图：
组词：镜框、框子、框图、框架、框框、边框
扩展资料
一、镜框[jìng kuàng]
释义：在用木头、石膏、塑料等做成的框子中镶上玻璃而制成的东西，用来装相片或字画等。
例句：新的老板带着墨镜，眼镜框收集显示后现代的味道，因为它激励创新的概念，“工业设计”和它的现代经典设计。
二、框子[kuàng zi]
释义：（多指较小的）：眼镜框子。玻璃框子。
例句：在这个框子里画一个自画并涂上颜色.
三、门框[mén kuàng]
释义：门扇四周固定在墙上的框子。
例句：瘦弱的妹妹倚着门框站着，看上去一幅弱不禁风的样子。
四、图框[tú kuàng]
释义：是指工程制图中图纸上限定绘图区域的线框。
例句：有动感，可让它稍微偏离图框的中心位置，就象上图我们对这个小“艺术家”的处。
五、框外[kuàng wài]
释义：框，嵌在墙上为安装门窗用的架子，限制，约束。外，与“内”、“里”相对。框外，超越范围，规则、道理、限制之外。
例句：铜绿山古矿井采用符合力学原理的木框架支护技术,框外用木棍、木板作护壁,组成完整安全的井筒.
