<html><br /><head><br /><meta name="GENERATOR" content="Microsoft FrontPage 6.0"><br /><meta name="ProgId" content="FrontPage.Editor.Document"><br /><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /><title>new page</title><br /><mce:script type="text/javascript" language="javascript"><!--<br />function crertdiv(_parent,_element,_id,_css){//建立層<br />var newObj = document.createElement(_element);<br />if(_id && _id!="")newObj.id=_id;<br />if(_css && _css!=""){<br />newObj.setAttribute("style",_css);<br />newObj.style.cssText = _css;<br />}<br />if(_parent && _parent!=""){<br />var theObj=getobj(_parent);<br />var parent = theObj.parentNode;<br />if(parent.lastChild == theObj){<br />theObj.appendChild(newObj);<br />}<br />else{<br />theObj.insertBefore(newObj, theObj.nextSibling);<br />}<br />}<br />elsedocument.body.appendChild(newObj);<br />}<br />function getobj(o){//擷取對象<br />return document.getElementById(o)<br />}<br />var swtemp=0,objtemp;<br />function showdiv(inputid,inputlist){//顯示層<br />if (swtemp==1){getobj(objtemp+"mydiv").style.display="none";}<br />var text_list=inputlist.split(",")<br />if (!getobj(inputid+"mydiv")){//若尚未建立就建之<br />var divcss="font-size:12px;color:#00f;position:absolute;left:"+(getobj(inputid).offsetLeft+0)+"px;top:"+(getobj(inputid).offsetTop+25)+"px;border:1px solid red"<br />crertdiv("","div",inputid+"mydiv",divcss);//建立層"mydiv"<br />//alert(document.getElementById("mydiv").outerHTML)<br />crertdiv(inputid+"mydiv","ul",inputid+"myul");//建立ul<br />for (var i=0,j=text_list.length;i<j;i++){//建立"text_list"li<br />crertdiv(inputid+"myul","li",inputid+"li"+i,"background:#fff");<br />getobj(inputid+"li"+i).innerHTML=text_list[i];<br />}<br />crertdiv(inputid+"myul","li",inputid+"li"+j,"color:#f00;background:#fff");//建立"clear"li<br />getobj(inputid+"li"+j).innerHTML="clear";<br />getobj(inputid+"mydiv").innerHTML +="<mce:style type='text/css'><!--<br />#"+inputid+"mydiv ul {padding:0px;margin:0;}#"+inputid+"mydiv ul li{list-style-type:none;padding:5px;margin:0;float:left;CURSOR: pointer;}<br />--></mce:style><style type='text/css' mce_bogus="1">#"+inputid+"mydiv ul {padding:0px;margin:0;}#"+inputid+"mydiv ul li{list-style-type:none;padding:5px;margin:0;float:left;CURSOR: pointer;}</style>"<br />for (var i=0;i<=j;i++){<br />getobj(inputid+"li"+i).onmouseover=function(){this.style.background="#eee";clearTimeout(timer)}<br />getobj(inputid+"li"+i).onmouseout=function(){this.style.background="#fff"}<br />}<br />}<br />var newdiv=getobj(inputid+"mydiv")<br />newdiv.onclick=function(){hiddiv(event,inputid);}<br />newdiv.onmouseout=function(){Mout(this)}<br />newdiv.onmouseover=function(){clearTimeout(timer)}<br />getobj(inputid).onmouseout=function(){Mout(newdiv)}<br />newdiv.style.display="block";<br />swtemp=1;<br />objtemp=inputid;<br />}<br />var timer<br />function Mout(o){<br />timer=setTimeout(function(){o.style.display="none";},300)<br />swtemp=0;<br />}<br />function hiddiv(e,inputid){<br /> e=e||window.event;<br /> ev=e.target||e.srcElement;<br /> v=ev.innerText||ev.textContent;<br /> if (v!="clear")getobj(inputid).value=v;else getobj(inputid).value=""<br />getobj(inputid+"mydiv").style.display="none";<br />}<br />// --></mce:script><br /></head><br /><body><br /><br><br /><br><br /><br><br /><br><br />....利用定義標籤賦值....（onclick）....<input id="mytext" type="text"onclick="showdiv(this.id,this.list)" list="文字框,彈出層,值賦"/><br /><br><br /><br><br /><mce:script type="text/javascript"><!--<br />var list="文字框2,彈出層2,值賦2,文字框2-1,彈出層2-1,值賦2-1"<br />// --></mce:script><br />....利用定義JS變數賦值...（onclick）....<input id="mytext2" type="text" onclick="showdiv(this.id,list)"/><br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><input type="hidden" value="點擊,彈出,顯示,消失,實現" id="list"><br />....利用隱藏欄位值賦值....（onmouseover）.....<input id="mytext3" type="text" onmouseover="showdiv(this.id,getobj('list').value)"/><br /></body><br /></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
