很多朋友在上网时,在一些网页上看到有闪烁的文字,感到很新奇。其实这并不难,只要用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》
(广东 许德炜)
在网页上实现文字闪烁_dhtml教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 在网页上实现文字闪烁_dhtml教程
相关推荐
-      windowsxp sp3 概览里面到底有什么?_windows xp
-      用photoshop纹理滤镜将宝宝照片变为拼图_photoshop教程
-      php中计算时间差的几种方法_php技巧
-      photoshop给美女抠发换背景的小技巧_photoshop教程
-      photoshop通道抠图合成_photoshop教程
-      fireworks绘制线条规律旋转网状特效_fireworks教程
-      巧用photoshop通道给手绘图片调色_photoshop教程
-      php:“草根语言”挑战“大腕”java .net_php文摘