从来没学习过java ，最近出于ASP.NET美化的需要不得不自学点javascript。看了一个多星期感觉不是很难，以前老是觉得网站上漂移的字符很有意思，现在也可以自己写一个了。
<html>
<head><script>
var x,y
var step=40
var flag=0
var message="**++青山依旧在，几度人生改++**"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length;i++) {
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length;i++) {
ypos[i]=-50}
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 makeit() {
if (flag==1 && document.all) {
for (i=message.length; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1] }
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i] } }
else if (flag==1 && document.layers) {
for (i=message.length; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1] }
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]} }
var timer=setTimeout("makeit()",30)}
for (i=0;i<=message.length;i++) {
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>
<title>跟随鼠标的飘带文字</title>
<style type="text/css">
.spanstyle {position:absolute;visibility:visible;top:-50px;font-size:9pt;color: #c800c0;font-weight:bold;}</style>
</head>
<body onLoad="makeit()">
正文自己加…………………………
</body>
</html>
分享到：
相关推荐
初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识...
初识JavaScript ———（2）！！！.md
初识JavaScript———（1）！！！.md
对JavaScript的简单认识
接触javascript的时间说起来，长不长，短不短，其实真正开始学习它的时候应该是在去年大四11月份的时候，反正写网上的一些简单的特效，基本都是用jquery写得比较多，以致于对原生的js了解也是一知半解
JavaScript是Web前端开发的核心技术之一，它是一种功能强大的编程语言，专为创建交互式Web页面而设计。在当今数字化世界中，JavaScript几乎无处不在，无论是个人电脑还是移动设备上的网页，其丰富的交互效果和动态...
JavaScript的起源可以追溯到1995年，由Netscape公司的Brendan Eich设计，最初命名为LiveScript。后来因市场策略与Sun公司的Java语言挂钩，更名为JavaScript。尽管名字相似，但JavaScript与Java是两种完全不同的编程...
初识JavaScript小结知识点整理： 1. JavaScript脚本位置：在HTML中，JavaScript代码可以被嵌入到页面的任意位置，通常位于标签内，或者标签的任意位置。不过，将脚本放在标签的底部是一个推荐的做法，这样可以确保...
诗仙女炸鱼塘--js
其中包含javaScript上机题目，以及答案源码 题目如下 1、 页面两侧的可关闭的对联广告 2、 窗口加载的时候打开一个无状态栏，地址栏的广告窗口 3、 页面中五张轮换播放的最新产品图片 4、 用户名和密码不能为空，...
全书共分24章，包括初识JavaScript、JavaScript基础、流程控制、函数、JavaScript对象与数组、字符串与数值处理对象、正则表达式、程序调试与错误处理、事件处理、处理文档（document对象）、文档对象模型（DOM对象...
《初识JavaScript与DOM脚本和Ajax》这本书深入浅出地介绍了JavaScript编程、DOM操作以及Ajax技术的基础知识，是Web开发者的入门指南。JavaScript作为Web前端的核心语言，DOM（Document Object Model）则提供了对HTML...
#### 一、初识JavaScript ##### 1.1 网页三剑客 网页开发中通常提到的“三剑客”包括HTML、CSS以及JavaScript。 - **HTML (HyperText Markup Language)**: HTML是一种标记语言，用于结构化网页的内容，并赋予这些...
在JavaScript中，文档碎片（Document Fragment）是一种轻量级的文档结构，它允许开发者在不直接操作DOM树的情况下，一次性地处理多个节点。这在处理大量动态内容时能显著提高性能，因为它减少了对DOM的操作次数，...
1.1 初识JavaScript3.JavaScript的特点——支持面向对象JavaScript虽然是一门动态类型的脚本语言，但它也支持面向对象编程。通过构造函数、原型链以及ES6引入的类，开发者可以创建和操作复杂的对象系统。面向对象...
面向对象的Javascript是Web开发中不可或缺的技术之一。它不仅支持面向过程的编程，还支持面向对象编程，因此，Javascript具备极高的灵活性，允许开发者根据项目需求选择合适的编程范式。Javascript作为Web前端开发的...