60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> Cookie脚本 >> 正文[打印] [收藏]

在输入框中输入内容，然后输入框消失，出现欢迎信息

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 23:00:36

演示区

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

if (document.layers) {

document.writeln ('<STYLE>');

document.writeln ('  .changeable { position: relative; }');

document.writeln ('<\/STYLE>');

}

</SCRIPT>

function setElement (id, html) {

if (document.layers) {

var l = document[id];

if (!l.overLayer) {

l.overLayer = new Layer(l.clip.width);

l.overLayer.left = l.pageX;

l.overLayer.top  = l.pageY;

l.visibility = 'hide';

l.overLayer.visibility = 'show';

}

l.overLayer.document.open();

l.overLayer.document.write(html);

l.overLayer.document.close();

}

else if (document.all) {

document.all[id].innerHTML = html;

}

function changeNow() {

var user = document.aForm.user.value

document.aForm.aField.value = "Welcome "+user+"";

setElement ('someParagraph', document.aForm.aField.value);

}

var nw = "'";

document.write('<FORM NAME="aForm">');

document.write('<INPUT TYPE="hidden" NAME="aField" VALUE="">');

document.write('<SPAN ID="someParagraph" CLASS="changeable">');

document.write('<input type=text name=user size=5> <INPUT TYPE="button" VALUE="ok" ONCLICK="changeNow();">');

document.write('</SPAN></form>');

</SCRIPT>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：显示一个页面中的所有链接，而且可以直接点击，很有用的

下一篇教程：检测访问者的来源，指出是从哪一个页面中来的

相关在输入框中输入内容，然后输入框消失，出现欢迎信息的文章：

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> Cookie脚本 >> 正文[打印] [收藏]

在输入框中输入内容，然后输入框消失，出现欢迎信息

网友评论

全站阅读排行

本类热门教程