【网页设计课件】JavaScript文字特效网页设计.pptVIP

下载本文档

21
0
约2.17千字
约 13页
2017-09-26 发布于重庆
举报
版权申诉

【网页设计课件】JavaScript文字特效网页设计.ppt

1、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

【网页设计课件】JavaScript文字特效网页设计.ppt

* 教学项目二十三 JavaScript文字特效网页设计【基本内容】讲解JavaScript中几种文字特效网页设计【教学要求】学会设计文字的特效一、案例设计：设计文字绕圈旋转特效网页程序代码如下： html body background=21.jpg SCRIPT LANGUAGE=JavaScript 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 = 0; step = 0.03; currStep = 0; document.write(div id=outer style=position:absolute;top:0px;left:0pxdiv style=position:relative); for (i = 0; i L; i++) { document.write(div id=ie style=position:absolute;top:0px;left:0px; +width:20px;height:20px;font-family:+logoFont+;font-size:40px; +color:+logoColor+;text-align:center+yourLogo[i]+/div); } document.write(/div/div); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i]*1.5 ; } urrStep -= step; setTimeout(animateLogo(), 20); } window.onload = animateLogo; } /script/body/html 案例二、设计文字的变色特效网页程序代码如下： html body script language=javascript !-- 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.appVersion.indexOf(MSIE) != -1) { document.write(div id=ccenter+ctext+/center/div); } function chcolor() { if (navigator.appVersion.indexOf(MSIE) != -1) { document.all.c.style.color = color[x]; } (x color.length-1) ? x++ : x = 0; } set