用FrontPage实现文字渐显

[复制链接] 7
回复
3405
查看
打印 上一主题 下一主题

619

主题

6970

帖子

6973

积分

论坛创始人

游不走的鱼

Rank: 9Rank: 9Rank: 9

积分
6973

管理员

QQ
跳转到指定楼层
1#
发表于 2005-6-2 07:25:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多郧西好友

您需要 登录 才可以下载或查看,没有帐号?注册

x
渐显效果的文字是这样的一种动画效果:文字的颜色在浅显与深厚之间相互逐渐交换,然后不断地循环,简中还可以将文字转换。这样给人以一种若有若无的视觉效果,颇受网页制作与浏览者的喜爱。下面我们就来实现这一效果:
   首先启动FrontPage2000,接着点击左下角的“HTML”标签进入HTML编辑状态。然后把HTML编辑状态下已经有的<body>代码改写成为<body bgcolor="#fef4d9" onLoad="glowtext()">。

   然后在<body>与</boyd>区域之间加入下面一段代码:
   <div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center; top:185px;left:70px;font-family:宋体;font-size:30pt;color:000000"></div>

   接着再把下面一段代码加入<head>与</head>区域之中,然后点击“预览”标签即可观看到交字渐显的效果了。
   <SCRIPT language="JavaScript">
   <!--
   var thissize=20
   var textfont="宋体"
   var textcolor= new Array()
   textcolor[0]="000000"
   textcolor[1]="000000"
   textcolor[2]="000000"
   textcolor[3]="111111"
   textcolor[4]="222222"
   textcolor[5]="333333"
   textcolor[6]="444444"
   textcolor[7]="555555"
   textcolor[8]="666666"
   textcolor[9]="777777"
   textcolor[10]="888888"
   textcolor[11]="999999"
   textcolor[12]="aaaaaa"
   textcolor[13]="bbbbbb"
   textcolor[14]="cccccc"
   textcolor[15]="dddddd"
   textcolor[16]="eeeeee"
   textcolor[17]="ffffff"
   textcolor[18]="ffffff"

   var message = new Array()
   message[0]="文字渐显效果"
   message[1]="文字的颜色在浅显与深厚之间相互逐渐交换"
   message[2]="效果不断循环"
   imessage=0

   var istrength=0
   var imessage=0
   var timer

   function glowtext() {
   if(documentall) {
   if (istrength <=17) {
   glowdivinnerText=message[imessage]
   documentallglowdivstylefilter="glow(color="+textcolor[istrength]+", strength=4)"
   istrength++
   timer=setTimeout("glowtext()",100)
   }
   else {
   clearTimeout(timer)
   setTimeout("deglowtext()",1500)
   }}}

   function deglowtext() {
   if(documentall) {
   if (istrength >=0) {
   glowdivinnerText=message[imessage]
   documentallglowdivstylefilter="glow(color="+textcolor[istrength]+", strength=4)"
   istrength--
   timer=setTimeout("deglowtext()",100)
   }
   else {
   clearTimeout(timer)
   imessage++
   if (imessage>=messagelength) {imessage=0}
   istrength=0
   intermezzo()
   }}}

   function intermezzo() {
   glowdivinnerText=""
   setTimeout("glowtext()",1000)
   }
   //-->
   </SCRIPT>
一个人时,善待自己;两个人时,善待对方

86

主题

525

帖子

525

积分

荣誉会员

Rank: 4

积分
525
QQ
2#
发表于 2005-6-2 12:35:45 | 只看该作者

你直接说网页代码不就OK了
干吗这么麻烦

35

主题

157

帖子

157

积分

荣誉会员

Clannad家族

Rank: 4

积分
157
QQ
3#
发表于 2005-6-12 10:55:05 | 只看该作者
很明显的JAVASCRIPT,类似的我都收集到Dreamweaver里面了

86

主题

525

帖子

525

积分

荣誉会员

Rank: 4

积分
525
QQ
4#
发表于 2005-6-13 06:35:41 | 只看该作者
等我到学校给大家多发一些网页的特效代码
很好玩的大家到时都可以试试看了

35

主题

157

帖子

157

积分

荣誉会员

Clannad家族

Rank: 4

积分
157
QQ
5#
发表于 2005-6-16 12:34:38 | 只看该作者
还是学JAVASCRIPT好,什么都可以自己手动做

619

主题

6970

帖子

6973

积分

论坛创始人

游不走的鱼

Rank: 9Rank: 9Rank: 9

积分
6973

管理员

QQ
6#
 楼主| 发表于 2005-6-17 08:59:15 | 只看该作者
楼上的图片很好玩哦
我从来没看到过你这样喝咖啡的!

35

主题

157

帖子

157

积分

荣誉会员

Clannad家族

Rank: 4

积分
157
QQ
7#
发表于 2005-6-21 13:00:03 | 只看该作者
咖啡????
一般的饮料而已。开始以为是红酒,但小孩子是不能喝酒滴!!!!

86

主题

525

帖子

525

积分

荣誉会员

Rank: 4

积分
525
QQ
8#
发表于 2005-6-22 13:14:45 | 只看该作者
不过咖啡喝多了可一样没有好处哦

发表回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则

郧西论坛微信公众号
快速回复 返回顶部 返回列表