轻松制作显示输入朋友名字的贺卡网页
2006-12-28 08:49:21 来源:WEB开发网<div align="center"><font color="#000000" size="4"><strong><br>
祝
<br></strong><br>
<strong>
<font color="#ff0000"><script>document.write(lusername)</script></font></strong>
<br>
<br>
<strong>元旦快乐</strong></font></div>
</div>
图22 新建祝福人名的层
24.最后我们在页面的同级目录下还放置一个名为snow.swf的雪花效果的Flash文件,在页面中再新建一个层,然后插入这个swf文件,如图23所示。为了取得雪花纷飞的效果。design.yesky.com©天极软件频道设计在线原创©2001324752
图23插入Flash的图层
25.这样我们的页面就制作好了,我们可是使用F12快捷键在浏览器中浏览一下效果,是不是非常有动感啊,这里默认的祝福人的名称是XXX,如图24所示。不过需要我们注意的是:由于这里JS程序是针对网站目录的,因而在本地情况下,输入人名是不能调用的,需要我们传到网页空间上才可以。
图24 预览贺卡
26.最后,我们将贺卡页面、图片、JS和swf文件都传到网页空间的某一个目录下,这样我们的JS程序就能够起作用了,随便在下面的文本区域中输入一个祝福对象的名字,就会出现一个如图25所示的提示对话框。
图25 提示对话框
27.点击确定按钮,这样送给好友的贺卡就制作好了,如图25所示。这样复制地址栏的地址给好友发过去就可以送给她元旦祝福了,如图26所示。
图26 元旦祝福贺卡
小结:本例中,我们使用Fireworks绘制了一个雪人和小狗的冬日温馨场景,其中主要用到了Fireworks的钢笔工具、椭圆工具以及通过这些工具所绘制的路径后的各种命令,如组合、自由变形、增加锚点等。虽然都是很简单也很基本的操作,却同样可以创作出富有生活气息的作品。创作来源于生活,希望读者朋友们多多体味生活中的乐趣,那么创作的灵感就会源源不断。最后,为了实现贺卡功能,我们主要利用了一个JS文件来调用用户输入的参数,从而实现输入后马上能够针对输入文字生成祝福人名的超强功能的祝福页面。无论你有多少好友,只要输入他们的名字就可以生成各个不同的祝福页面,只要将网址发给他们他们就能够收到一个写着他们名字的祝福贺卡,是不是非常开心呢?新的一年就要到来了,赶快给朋友们送上新年的祝福吧!原文件下载
更多精彩
赞助商链接