javascript實現的鼠標鏈接提示效果生成器代碼

2019-11-21 02:01:50

字體：大中小

來源：轉載

供稿：網友

<html> <head> <title>鏈接注釋</title> <meta http-equiv="目錄類型" content="文本/html; 字符集=gb2312"> <style type="text/css">  </style> <link rel="stylesheet" href="style.css"> </head> <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="18">  </td>     </tr>     <tr>        <td bgcolor="#009900" width="18"></td>       <td align="center" bgcolor="#FFFFFF">          <table width="56%" border="0" cellspacing="0" cellpadding="0" height="355">           <tr>              <td rowspan="2" width="16" valign="top">                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="white" style="FONT-SIZE: 11pt;">                 <tr bgcolor="#336699" bordercolor="#336699">                    <td style="BORDER-RIGHT: double; BORDER-TOP: double;  BORDER-LEFT: double; BORDER-BOTTOM: double;" height="70"><strong><a href="06.htm">演                                          示</a></strong></td>                 </tr>                 <tr bordercolor="#009900" bgcolor="#009900">                    <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double" height="70"><strong><a href="06c.htm">源                     代                     碼</a></strong></td>                 </tr>               </table>            </td>             <td rowspan="2" width="8" bgcolor="#009900"> </td>             <td align="center" style="BORDER-RIGHT: double; BORDER-TOP: double; FONT-SIZE: 12pt; BORDER-LEFT: double; BORDER-BOTTOM: double" bordercolor="#009900" valign="top">               <script language="JavaScript">  </script>               <input type="hidden" name="code2">               <div   class="iwvjtn8m0"   id="Layer1" style="position:absolute; width:207px; height:173px; z-index:1; visibility: hidden">                  <textarea name="a" cols="40" rows="0" wrap="VIRTUAL"><a href="http://</textarea>                 <textarea name="c" cols="40" rows="0" wrap="VIRTUAL">" onMouseOver="showtip2(this,event,'</textarea>                 <textarea name="e" cols="40" rows="0" wrap="VIRTUAL">')" onMouseOut="hidetip2()"></textarea>                 <textarea name="g" cols="40" rows="0" wrap="VIRTUAL"></a></textarea>               </div>                              <b>鏈接注釋</b>                <hr width="92%" size="1" align="center">               <table  cellspacing="0" cellpadding="0" width="81%">                 <tr>                    <td height="18" colspan="2">注釋：放在<body>與</body>之間</td>                 </tr>                 <tr>                    <td colspan="2">                      <textarea name="body" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="3" wrap="VIRTUAL" style="BACKGROUND-COLOR: #009900;" 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.tooltip2.document.nstip.document.write('<b>'+text+'</b>') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) 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" } } function 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 150 50 0);width:150px;background-color:#99FF99; top: 31px; left: 103px; visibility: hidden; height: 13px">        </div></textarea>                  </td>                 </tr>                 <tr>                    <td colspan="2" height="30">鏈接標題：                      <input type=text name="f" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="39">                  </td>                 </tr>                 <tr>                    <td colspan="2" height="30">地址http://                      <input type=text name="b" onFocus="this.select()" onMouseOver="this.focus()" #009900;" class="pt9" size="38">                  </td>                 </tr>                 <tr>                    <td colspan="2" height="30">注釋內容：                      <input type=text name="d" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="39">                  </td>                 </tr>                 <tr>                    <td colspan="2" align="center">                      <p>                        <input type="button" value="產生代碼" onClick="CodeOut(this.form);" name="button">                       <input type="button" value="效果演示" onClick="view(this.form);" name="button2">                   </td>                 </tr>                 <tr>                    <td colspan="2" height="22">注釋：把下面生成鏈接放在你的位置</td>                 </tr>                 <tr>                    <td colspan="2">                      <textarea name="Code" onFocus="this.select()" onMouseOver="this.focus()" cols="50" style="BACKGROUND-COLOR: #009900;" wrap="VIRTUAL" rows="4" class="pt9"></textarea>                  </td>                 </tr>               </table>            </td>           </tr>           <tr>              <td height="20" class="white" bgcolor="#009900"> </td>           </tr>         </table>                </td>       <td bgcolor="#009900" width="18"></td>     </tr>     <tr bgcolor="#009900">        <td></td>       <td align="center" height="35"> </td>       <td> </td>     </tr>   </table> </form> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：js之彈出式窗口代碼生成器

下一篇：javascript實現的文字加密解密