湖北职业技术学院：《网页设计》第二十三讲 Javascript文字特效网页设计

教学项目二十三 Javascrip文字特效网页设计 基本内容】 讲解 JavaScript中几种文字特效网页设计 教学要求】 学会设计文字的特效 案例设计 设计文字绕圈旋转特效网页

教学项目二十三 JavaScript文字特效网页设计 【基本内容】 讲解JavaScript中几种文字特效网页设计 【教学要求】 学会设计文字的特效 一、案例设计： 设计文字绕圈旋转特效网页

G:1网页设计教案11 jjgkk\ le1gtt ht oft Internet Explorer 回回区 文件)编辑)查看①)收藏)工具)帮助QD ⊙后·②·哈批☆收夹的媒体的总,图,回当 地址①)6网页设计教案1011thm 转到链接” 术学 科 院计 动完毕 d samples Micros Mi crosoft tt,五tm 至G:网页设 20:49

程序代码如下: if ( document all)( yourLogo="湖北职业技术学院计科系学生网"; logo Font="隶书 logo color=00b000'1 yourLogo= yourLogo split( L= your Logo.length TrigSplit-=360/L yO Sz= new Array( logoWidth 180 ogoHeight =-30

程序代码如下： if (document.all) { yourLogo = "湖北职业技术学院计科系学生网"; logoFont = "隶书"; logoColor = "00b000"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 180; logoHeight = -30;

ypos=0 Xpos step=0.03; currStep=0; document. write(); for(i=0; i+yourLogo[il+); document. write(); function Moused ypos =event y; xpos=event. x-5;

ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write(''); for (i = 0; i '+yourLogo[i]+''); } document.write(''); function Mouse() { ypos = event.y; xpos = event.x - 5; }

document onmousemove=Mouse function animate logo i outerstyle. pixelTop-document bodyscrollTop; for(i=0; i

document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i

案例二、设计文字的变色特效网页 四到 我,我密色 m的搜*收的嫩必-幽· 看看我,我舍型色

案例二、设计文字的变色特效网页

G、 Frontpage、3v样p3.htm一 grocott工 nternet ExD1oxex 助Q03 ⊙mm6四的收离可娜件白,≥E· 地址Q)单0: ProatPace\javaSssp\3,htm 习种到 看我,我云变色 Ii c mmm G:、Ex…ntP料\3其S其其日\3,上一Exxu里t工ntrn且xB1口x科x 宴件①)编辑《)查看①收哪0)工员①)帮助Q 6后 ·四回心索宫收的瞩体的·品四·□ 地址Q)中1: \Front)m3,hm一 转到班 者者我,我会变色

程序代码如下 script language=javascript> function initArrayo i this length=-initArray arguments length; for(var i=0; i< this length; i++)( this[il=initArray arguments i: var text= r 看看我,我会变色 var speed =1000; varx=0 var color=new initArray(

程序代码如下： <!-- function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = "看看我，我会变色"; var speed = 1000; var x = 0; var color = new initArray(

red blue green black", yellow pink") if (navigator. app Version. indexof("MSIE")!=-1) document. write('+ctext+); function choloro if (navigator. app Version. indexof( MsIE)! =-1) document all c style color=colorlx; }

"red", "blue", "green", "black", "yellow", "pink"); if (navigator.appVersion.indexOf("MSIE") != -1) { document.write(''+ctext+''); } function chcolor() { if (navigator.appVersion.indexOf("MSIE") != -1) { document.all.c.style.color = color[x]; }

(x /body>

(x