把鼠标移到图片上可以看到渐变的效果 dn001 2009-06-21 08:34:35 <!--要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中--> <script language="JavaScript"> <!-- Funny text script by Bart Jellema var hellotext="欢迎光临网页教学网" var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; window.status = hellotext; setTimeout("anim()",1); } thetext = hellotext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() { step++ if (step==7) {step=1} if (step==1) {window.status='>==='+thetext+'===<'} if (step==2) {window.status='=>=='+thetext+'==<='} if (step==3) {window.status='>=>='+thetext+'=<=<'} if (step==4) {window.status='=>=>'+thetext+'<=<='} if (step==5) {window.status='==>='+thetext+'=<=='} if (step==6) {window.status='===>'+thetext+'<==='} setTimeout("anim()",200); } </script> <!--第二步:把“onLoad="welcometext()"”加在<body>标记里--> <body onLoad="welcometext()">