开发学院图形图像Fireworks 轻松制作显示输入朋友名字的贺卡网页 阅读

轻松制作显示输入朋友名字的贺卡网页

 2006-12-28 08:49:21 来源:WEB开发网   
核心提示: 图17 导出后的图片二、制作显示输入名字的定制祝福页面 18.图是制作好了,下面我们的工作就是要将其制作成为一个能够输入好友姓名就可以送上祝福的HTML页面,轻松制作显示输入朋友名字的贺卡网页(5),这里我们调用一个Javascript程序,将其放置在页面的同级目录下,羽化大小为30,绘制

图17 导出后的图片

二、制作显示输入名字的定制祝福页面

18.图是制作好了,下面我们的工作就是要将其制作成为一个能够输入好友姓名就可以送上祝福的HTML页面,这里我们调用一个Javascript程序,将其放置在页面的同级目录下,具体代码如下所示:

var lusername=location.search.split("=")[1];

if(!lusername){lusername="XXX";}

else{lusername=unescape(lusername);}

function check(obj){if (obj.stra.value.length>8)

{alert('太长');

return false;}

if (obj.stra.value.length==0)

{alert('还没填姓名呀');

return false;}

var url ="http://"+location.host+location.pathname+"?stra="+escape(obj.stra.value);

window.clipboardData.setData("Text",url);

alert('网址已生成并替您复制好了,快发给您的朋友吧!');

window.location.replace(url);

return false;}

将这个代码存储为一个JS文件。其中默认的祝福名称是XXX,当用户输入名称的时候就会调用输入的名称。

19.我们做贺卡的图片未必要有桌面那么大小,而且边缘也最好不要那么棱角分明,这里就需要羽化一下边缘,打开导出的JPG图像,然后选择工具箱上的选框工具,设置其属性面板的边缘为羽化,羽化大小为30,绘制一个选框选取我们需要作为贺卡的图像部分,如图18所示。design.yesky.com©天极软件频道设计在线原创©200754542

上一页  1 2 3 4 5 6 7  下一页

Tags:轻松 制作 显示

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接