⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 文字的多种显示.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
🔍 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
neonBaseColor = "#ff6600";
neonColor = "#00ff44";
num = 0;
num2 = 0;
num3 = 0;
num4 = neonColor;
function startNeon() {
message = neon.innerText;
neon.innerText = "";
for(i = 0; i != message.length; i++) {
neon.innerHTML += "<span id=\"neond\" style=\"color:"+neonBaseColor+"\">"+message.charAt(i)+"<\/span>"};
neon2();
}
function neon2() {
if(num != message.length) {
document.all.neond[num].style.color = neonColor;
num++;
setTimeout("neon2()", 100);
}
else {
num = 0;
num2 = message.length;
setTimeout("neon4onev()", 2000);
}
}
function neon4onev() {
document.all.neond[num].style.color = neonBaseColor;
document.all.neond[num2-1].style.color = neonBaseColor;
if(Math.floor(message.length / 2) + 1 != num2) {
num++;
num2--;
setTimeout("neon4onev()", 50);
}
else {
setTimeout("neon5()", 50);
}
}
function neon5() {
if(num3 != message.length && num3 != message.length+1) {
document.all.neond[num3].style.color = neonColor;
num3 = num3 + 2;
setTimeout("neon5()",100);
}
else {
setTimeout("neon52()", 50);
}
}
function neon52() {
if(num3 == message.length) {
num3++;
neon52a();
}
else {
num3--;
neon52a();
}
}
function neon52a() {
if(num3 != 1) {
num3 = num3 - 2;
document.all.neond[num3].style.color = neonColor;
setTimeout("neon52a()", 100);
}
else {
if(num4 == neonColor) {
num3 = 0;
neonColor = neonBaseColor;
setTimeout("neon5()", 2000);
}
else {
neonColor = num4;
num3 = 0;
setTimeout("neon4onev2()", 50);
}
}
}
function neon4onev2() {
document.all.neond[num].style.color = neonColor;
document.all.neond[num2 - 1].style.color = neonColor;
if(message.length != num2) {
num--;
num2++;
setTimeout("neon4onev2()", 50);
}
else {
num = 0;
num2 = 0;
setTimeout("neon3()", 2000);
}
}
function neon3() {
if(num != message.length) {
document.all.neond[num].style.color = neonBaseColor;
num++;
setTimeout("neon3()", 100);
}
else {
num = 0;
neon2();
}
}
// End -->
</script>
<h2><span id="neon">欢迎来到ASP.NET学习网站</span></h2>




</head>

<body onLoad="startNeon()" bgcolor="#CCCCCC">
<p>脚本说明: <br />
    <br />
  第一步:把如下代码加入&lt;body&gt;区域中<br />
  &lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;<br />
  &lt;!-- Begin<br />
  neonBaseColor = &quot;White&quot;;<br />
  neonColor = &quot;Red&quot;;<br />
  num = 0;<br />
  num2 = 0;<br />
  num3 = 0;<br />
  num4 = neonColor;<br />
  function startNeon() {<br />
  message = neon.innerText;<br />
  neon.innerText = &quot;&quot;;<br />
  for(i = 0; i != message.length; i++) {<br />
  neon.innerHTML += &quot;&lt;span id=\&quot;neond\&quot; style=\&quot;color:&quot;+neonBaseColor+&quot;\&quot;&gt;&quot;+message.charAt(i)+&quot;&lt;\/span&gt;&quot;};<br />
  neon2();<br />
  }<br />
  function neon2() {<br />
  if(num != message.length) {<br />
  document.all.neond[num].style.color = neonColor;<br />
  num++;<br />
  setTimeout(&quot;neon2()&quot;, 100);<br />
  }<br />
  else {<br />
  num = 0;<br />
  num2 = message.length;<br />
  setTimeout(&quot;neon4onev()&quot;, 2000);<br />
  }<br />
  }<br />
  function neon4onev() {<br />
  document.all.neond[num].style.color = neonBaseColor;<br />
  document.all.neond[num2-1].style.color = neonBaseColor;<br />
  if(Math.floor(message.length / 2) + 1 != num2) {<br />
  num++;<br />
  num2--;<br />
  setTimeout(&quot;neon4onev()&quot;, 50);<br />
  }<br />
  else {<br />
  setTimeout(&quot;neon5()&quot;, 50);<br />
  }<br />
  }<br />
  function neon5() {<br />
  if(num3 != message.length &amp;&amp; num3 != message.length+1) {<br />
  document.all.neond[num3].style.color = neonColor;<br />
  num3 = num3 + 2;<br />
  setTimeout(&quot;neon5()&quot;,100);<br />
  }<br />
  else {<br />
  setTimeout(&quot;neon52()&quot;, 50);<br />
  }<br />
  }<br />
  function neon52() {<br />
  if(num3 == message.length) {<br />
  num3++;<br />
  neon52a();<br />
  }<br />
  else {<br />
  num3--;<br />
  neon52a();<br />
  }<br />
  }<br />
  function neon52a() {<br />
  if(num3 != 1) {<br />
  num3 = num3 - 2;<br />
  document.all.neond[num3].style.color = neonColor;<br />
  setTimeout(&quot;neon52a()&quot;, 100);<br />
  }<br />
  else {<br />
  if(num4 == neonColor) {<br />
  num3 = 0;<br />
  neonColor = neonBaseColor;<br />
  setTimeout(&quot;neon5()&quot;, 2000);<br />
  }<br />
  else {<br />
  neonColor = num4;<br />
  num3 = 0;<br />
  setTimeout(&quot;neon4onev2()&quot;, 50);<br />
  }<br />
  }<br />
  }<br />
  function neon4onev2() {<br />
  document.all.neond[num].style.color = neonColor;<br />
  document.all.neond[num2 - 1].style.color = neonColor;<br />
  if(message.length != num2) {<br />
  num--;<br />
  num2++;<br />
  setTimeout(&quot;neon4onev2()&quot;, 50);<br />
  }<br />
  else {<br />
  num = 0;<br />
  num2 = 0;<br />
  setTimeout(&quot;neon3()&quot;, 2000);<br />
  }<br />
  }<br />
  function neon3() {<br />
  if(num != message.length) {<br />
  document.all.neond[num].style.color = neonBaseColor;<br />
  num++;<br />
  setTimeout(&quot;neon3()&quot;, 100);<br />
  }<br />
  else {<br />
  num = 0;<br />
  neon2();<br />
  }<br />
  }<br />
  //  End --&gt;<br />
  &lt;/script&gt;<br />
  &lt;h2&gt;&lt;span id=&quot;neon&quot;&gt;欢迎来到ASP.NET学习网站&lt;/span&gt;&lt;/h2&gt;<br />
</p>
<p>&nbsp;</p>
<p> <br />
  第二步:把如下代码加入&lt;body&gt;区域中&lt;body onLoad=&quot;startNeon()&quot;&gt;</p>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -