在网页上实现文字闪烁

日期:2013/11/22 16:58:00 来源:本网整理 阅读:19
  很多朋友在上网时,在一些网页上看到有闪烁的文字,感到很新奇。其实这并不难,只要用javaScript编段程序就可以了,不会Javascript语言的朋友也不用急,只要将下面的源代码放进你的网页里,在你的网页上也能实现文字闪烁。
  源文件如下:
《html》
《head》
《meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″》
《title》闪烁的文字《/title》
《meta name=″GENERATOR″ content=″Microsoft FrontPage 3.0″》
《/head》
《body bgcolor=″#000000″ text=″#000000″》
《p》 《/p》
《h1 align=″center″》闪烁的文字《/h1》
《/body》
《script language=″JavaScript″》
//color为文字颜色的RGB值,令其由″0F″增至″FF″
var color=new Array(″0F″,″1F″,″2F″,″3F″,
″4F″,″5F″,″6F″,″7F″,″8F″,″9F″,″AF″,″BF″,
″CF″,″DF″,″EF″,″FF″);
//i是数组color的坐标,add决定color的增减
var i=0,add=1;
FadeText();
function FadeText()
{
   //document.fgColor确定文字颜色的RGB值
   document.fgColor=″#″+color[i]+color[i]+color[i];
   //判断文字颜色是渐亮或是渐暗
  if( add==1 )
  {
   i++; 
     if( i==15 ) add=0;
  }
  else
  {    i--;
   if( i==0 ) add=1;
  }
  //设置每0.1秒运行一次函数FadeText()
  setTimeout(″FadeText()″,100);
}
《/script》
《/html》
(广东 许德炜) 

  • 本文相关:
  • 用IFRAME建立网上阅览室
  • 动态Web页面的制作技巧
  • DIV下拉式菜单(二)
  • DIV下拉式菜单(一)
  • 脚本技术应用ABC
  • 巧妙的幻灯片秀
  • DHTML幻灯片播放程序(三)
  • DHTML幻灯片播放程序(二)
  • DHTML幻灯片播放程序(一)
  • 动态链接、鼠标击活链接
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2015 www.zgxue.com All Rights Reserved