少见的组合框输入文字效果

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---少见的组合框输入文字效果</TITLE></HEAD><BODY><script language="JScript">document.write("<style>body,td,a{font-size:9pt}</style>"+"<div style=/"position:absolute/">"+"<input style=/"width:150;border:1 #707888 solid;background:#f4f4f4/" id=/"cinput/" value=/"输入东西后回车试试./" onkeydown=/"writecode()/">"+"<input style=/"position:absolute;left:132;top:2;border:0;width:17;height:17;background:#e1e1e1;font-family:'Webdings';color:#707888/" type=/"button/" value=/"6/" id=/"cbutton/" onclick=/"towrite()/">"+"<span id=/"cwrite/" onclick=/"cwrite.style.display='none'/" style=/"position:absolute;left:0;top:21;border:1 #707888 solid;width:150;background:#f4f4f4;display:none/" onmouseover=/"tocolor('#cccccc')/" onmouseout=/"tocolor('')/"></span>"+"</div>");function writecode(){	if(event.keyCode==13&&cinput.value!==""){		cwrite.innerHTML+="<div style=/"width:100%/" onclick=/"alert(this.innerText)/" oncontextmenu=/"this.outerHTML=''/">"+cinput.value+"</div>";		cwrite.style.display="";		}}function tocolor(color){obj=event.srcElement;	if(obj.tagName=="DIV"){		obj.style.background=color;		}	}function towrite(){	with(cwrite.style)if(display=="none")display="";else display="none";}function document.onclick(){}</script></BODY></HTML>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：获得光标在各种文本框中的位置
下一篇：添加与删除Option对象

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

少见的组合框输入文字效果

相关内容

开发频道推荐

开发热点文章