首页 / JAVA / 网页特效、Javascript代码，包括跑马灯、打字插效、不停变色的文字

网页特效、Javascript代码，包括跑马灯、打字插效、不停变色的文字

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了网页特效、Javascript代码，包括跑马灯、打字插效、不停变色的文字，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3002字，纯文字阅读大概需要5分钟。

内容图文

??

闲时收集一引动代码和大家分享

一、不停变色的文字

 

<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="GENERATOR" Content="Microsoft Visual Studio">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
<title>不停变色的文字</title>
</head>
<body>
<script type="text/javascript">
var x=0;
function fun()
{
//arguments表示参数的集合，访问方法和数组的访问方法相同
this.length=fun.arguments.length;
for(var i=0;i<this.length;i++)
{
this[i]=fun.arguments[i];
}
}
var color=new fun("red","green","#ff00ff","#0000ff","#000000","#00ff00","#00ffff","#ff0ff0","#f0f0f0","#000fff");
document.write('<div id="div1"><font size=20 face=华文行楷><center>'+"是谁说过？时间仍在、。。是我们在飞逝"+'</center></font></div>');
function Rcolor()
{
document.all.div1.style.color=color[x];
x=Math.floor(Math.random()*color.length);//Math.random()表示随机产生一个0~1的数
}
setInterval("Rcolor()",500);
</script>
<div>

</div>
</HEAD>
<BODY>
</BODY>
</HTML>


二、文字跑马灯 
<html>
<head>
<title>文字跑马灯效果</title>
<style>
center{color:Red;font-family:华文行楷;font-size:20px}
</style>
<script type="text/javascript">
   var time,possion=0;
   var x=0,y=0;
   document.bgColor="ccffff"
function Run()
{
    var m="                                                                                          每一段记忆，都有一个密码。只要时间，地点，人物组合正确，无论尘封多久，那人那景都将在遗忘中重新拾起。你也许会说“不是都过去了吗？”其实过去的只是时间，你依然逃不出，想起了就微笑或悲伤的宿命，那种宿命本叫“无能为力”。";
    var v=200;
    form1.show.value=m.substring(possion,possion+100);
    if(possion++==m.length)
         possion=0;
    time=setTimeout("Run()",v);
if(y==1)   //如果鼠标走了就不要再跑
{
   form1.show.value="";
   clearTimeout(time);
   y=0;
   x=0;
   possion=0;
   return;
}
}
function start()//鼠标来了赶紧跑
{
   x++;
   if(x==1)//如果它没离开过
      Run();
}
function stop()
{
   y=1;
}
function fun()
{
   document.write("<font color='red'size='20'>好玩吧！!</font>");
}
</script>
</head>
<body text="red">
<center>
<form method="post" name="form1" ID="Form1">
<input type="text" size="100" name="show" ID="Text1">
<a href="" onclick='fun()' onmousemove='start()' onmouseout='stop()'>你敢指着我吗</a>
</center>
</form>
</body>
</html>

三、打字效果

<html>
<head>
<embed src="Key board .mp3" quality=high loop="-1" width="1" height="1"></embed>

<title>打字效果</title>
<style type="text/css">
div{color:#ff0000;font-family:华文行楷;font-size:30px}
</style>
</head>
<script type="text/javascript">
var m="每一段记忆，都有一个密码。只要时间，地点，人物组合正确，无论尘封多久，那人那景都将在遗忘中重新拾起。你也许会说“不是都过去了吗？”其实过去的只是时间，你依然逃不出，想起了就微笑或悲伤的宿命，那种宿命本叫“无能为力”。";
var x=1;
var i=0;
var message="";
function dzxg()
{
x==m.length-1?x=0:x++;
message=m.substring(0,x)+"_";
document.getElementByIdx_x("d").innerHTML=message;
setTimeout("dzxg()",200);
}
</script>
<body onload="dzxg()" bgcolor="#fef4d9">
<div id="d">
</div>
</body>
</html>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


原文：http://blog.csdn.net/xtfge0915/article/details/45577835

内容总结

以上是互联网集市为您收集整理的网页特效、Javascript代码，包括跑马灯、打字插效、不停变色的文字全部内容，希望文章能够帮你解决网页特效、Javascript代码，包括跑马灯、打字插效、不停变色的文字所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1215016.html

来源：【匿名】