当前位置:首页 > Javascript实例:输入您的名字制作个性中秋祝福网页

Javascript实例:输入您的名字制作个性中秋祝福网页

点击次数:2327  更新日期:2011-01-05
\n

中秋节快到了,在这里设计家园祝大家中秋快乐


\n

网上有各种各样的中秋节祝福页面,我们这里所介绍的是一种用javascript生成您的名字的个性中秋祝福网页


\n

先看一下:http://dwww.cn/Zhongqiu/


\n

一打开就能看到:祝无情最心爱的朋友中秋节快乐。然后输入你的名字提交后,就会生成用你的名字的中秋节个性祝福,我们就说一下这种效果是怎么做出来的?


\n

js如下:


\n

var lusername =location.search.split(“=”)[1];
if(!lusername){
lusername=”无情”;
}
else{
lusername=unescape(lusername);
}


\n

function check(obj){
if (obj.stra.value.length>8) {
alert(’太长’);
return false;
}
if (obj.stra.value.length==0) {
alert(’还没填姓名呀’);
return false;
}
var url =location.protocol + “//” + location.host + location.pathname+”?stra=”+escape(obj.stra.value);
window.clipboardData.setData(“Text”,url);
alert(’网址已生成并替您复制好了,直接粘贴到QQ、MSN、邮箱就可以了\\n\\n 您的朋友一定会很惊喜,快快发送吧!’);
window.location.replace(url);
return false;
}


\n


然后在网页要显示的姓名中插入:<SCRIPT>document.write(lusername)</SCRIPT>

然后您自己发挥您的想象力,做上精美的中秋祝福网页,加上这段代码,就可以做成个性的中秋祝福网页了。

个性中秋祝福网页

\n