<ptml> <pead> <title> Link notes </title> <meta http-equiv= "directory type content=" text/html; Character Set =gb2312 "> <style type=" text/css "> <!--a{font-style:normal;text-decoration:none;color:white} a:hover {Background:red;font-style:normal;text-decoration:none;color:yellow} a:active {font-style:normal;text-decoration : None;color:yellow;} . White {color: #FFFFFF} table {font-size:9pt}--> </style> <link rel= "stylesheet" href= "Style.css" ; </pead> <body bgcolor= "#009900" topmargin= "0" leftmargin= "0" > <form name= "Form" > <table width= " 100% "border=" 0 "cellspacing=" 0 "cellpadding=" 0 "> <tr bgcolor=" #009900 "> <td colspan=" 3 "height=" > </td> </tr> <tr> <td bgcolor= "#009900" width= "></td>" <TD align= "center" bgcolor= "#FFFFFF" > <table width= "56%" border= "0" cellspacing= "0" cellpadding= "0" height= "355" > <tr> <td rowspan= "2" width= "valign=" "Top" > <table width= "100%" border= "0" cellspacing= "0" cellpadding= "0" class= "white" > <tr bgcolor= "#336699" bordercolor= "#336699" > <TD height= ><strong> Demo </strong>& lt;/td> </tr> <tr bordercolor= "#009900" bgcolor= "#009900" > <TD height= ><strong> Source code </strong></td> </tr> </table> </td> <td rowspan= "2" width= "8" b Gcolor= "#009900" > </td> <td align= "center" bordercolor= "#009900" valign= "Top" > <script language= "JavaScript" > <!--hide function view (form) {Msg=open ("", "Displaywindow", "Status=1,left =0,top=0,height=350,width=790, "); Msg.document.write (Form.code2.value); function Codeout (form) {var txt1=] <ptml><title> effect demo </title><pead></pead><body o Nblur=window.close () onmouseover=javascript:close () > "+form.body.value+"; txt= "" +form.a.value+ "" +form.b.value+ "" +form.c.value+ ""; txt+= "" +form.d.value+ "" +form.e.value+ "" +form.f.value+ ""; txt+= "" +form.g.value+ ""; Txt2= "</body></ptml>"; Form. Code.value=txt; FORM.CODE2.VALUE=TXT1 + txt + txt2; } <!--> </script> <input type= "hidden" name= "Code2" > <div id= "Layer1 "> <textarea name=" a "cols=" "rows=" 0 "wrap=" VIRTUAL "><a href=" http://</textarea> <textarea name= "C" cols= "rows=" "0" wrap= "VIRTUAL" > "onmouseover=" showtip2 (this,event, ' </textar Ea> <textarea name= "E" cols= "rows=" "0" wrap= "VIRTUAL" > "onmouseout=" hidetip2 () "></tex Tarea> <textarea name= "G" cols= "rows=" "0" wrap= "VIRTUAL" ></a></textarea> </div> <b> Link notes </b> <pr width= "92%" size= "1" align= "Center" > <table cellspacing= "0" cellpadding= "0" width= "81%" > <tr> < TD height= "Colspan=" "2" > Comments: Put in <body> and </body> between </td> </tr> & Lt;tr> <td colspan= "2" > <textarea name= "Body" onfocus= "this.select () "Onmouseover=" This.focus () "cols=" rows= "3" wrap= "VIRTUAL" class= "Pt9" ><script> if (!document.layers &&!document.all) event= "test" function showtip2 (current,e,text) {if (document.all&& document.readystate== "complete") {document.all.tooltip2.innerhtml= ' <marquee style= ' border:1px solid black ' > ' +text+ ' </marquee> ' Document.all.tooltip2.style.pixElleft=event.clientx+document.body.scrollleft+10 document.all.tooltip2.style.pixeltop=event.clienty+ document.body.scrolltop+10 document.all.tooltip2.style.visibility= "visible"} else if (document.layers) {document.to Oltip2.document.nstip.document.write (' <b> ' +text+ ' </b> ') Document.tooltip2.document.nstip.document.close () document.tooltip2.document.nstip.left=0 currentscroll= SetInterval ("Scrolltip ()",) document.tooltip2.left=e.pagex+10 document.tooltip2.top=e.pagey+10 Document.tooltip2.visibility= "Show"}} function Hidetip2 () {if (document.all) document.all.tooltip2.style.visibility = "hidden" else if (document.layers) {clearinterval (currentscroll) document.tooltip2.visibility= "hidden"} functio n Scrolltip () {if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) Document.tooltip2.document.nstip.left-=5 Else document.tooltip2.document.nstip.left=150} </script> < Div id= "TOOLTIP2" style= "Position:absolute;clip:rect (0 0); Width:150px;background-color: #99FF99; top:31px; left:103px; Visibility:hidden; height:13px "> </div></textarea> </td> </tr> <tr> <td colspan= "2" height= "a" > link title: <input type=text Name= "F" onfocus= "This.select ()" onmouseover= "This.focus ()" class= "Pt9" size= "> </td> </tr> <tr> <td colspan= "2" height= "> Address http:// <input type=text name= "B" onfocus= "This.select ()" onmouseover= "This.focus ()" #009900; "class=" Pt9 "size=" "> </td> </tr> <tr> <td C" Olspan= "2" height= > Comments Content: <input type=text name= "D" onfocus= "This.select" () "onmouseover=" th Is.focus () "class=" Pt9"Size=" > </td> </tr> <tr> <TD colspan= "2" align= "center" > <p> <input type= "button" Valu e= "Generate Code" onclick= "Codeout (this.form);" Name= "button" > <input type= "button" value= "Effect Demo" Oncli ck= "View (This.form);" Name= "Button2" > </td> </tr> < Tr> <td colspan= "2" height= > Comments: Put the following generated link in your position </td> </tr> <tr> <td colspan= "2" > <textarea name= "Code" onfocus= "This.select ()" "Onmouseover=" This.focus () "cols=" wrap= "VIRTUAL" rows= "4" class= "Pt9" ></textarea> </td> </tr> </table> </td> </tr> <tr> <TD height= "class=" "White" bgcolor= "#009900" > </td> </tr> </ table> </td> <td bgcolor= "#009900" width= "a" ></td> </tr> &L T;tr bgcolor= "#009900" > <td></td> <td align= "center" height= "> </td>" <td> </td> </tr> </table> </form> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]