javascript实现的鼠标链接提示效果生成器代码

更新时间：2007年06月28日 00:00:00 作者：

<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">&nbsp; </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">&nbsp;</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 id="Layer1" style="position:absolute; width:207px; height:173px; z-index:1; visibility: hidden">                  <textarea name="a" cols="40" rows="0" wrap="VIRTUAL">&lt;a href=&quot;http://</textarea>                 <textarea name="c" cols="40" rows="0" wrap="VIRTUAL">&quot; onMouseOver=&quot;showtip2(this,event,'</textarea>                 <textarea name="e" cols="40" rows="0" wrap="VIRTUAL">')&quot; onMouseOut=&quot;hidetip2()&quot;&gt;</textarea>                 <textarea name="g" cols="40" rows="0" wrap="VIRTUAL">&lt;/a&gt;</textarea>               </div>                              <b>链接注释</b>                <hr width="92%" size="1" align="center">               <table  cellspacing="0" cellpadding="0" width="81%">                 <tr>                    <td height="18" colspan="2">注释：放在&lt;body&gt;与&lt;/body&gt;之间</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">&lt;script&gt; if (!document.layers&amp;&amp;!document.all) event=&quot;test&quot; function showtip2(current,e,text){ if (document.all&amp;&amp;document.readyState==&quot;complete&quot;){ document.all.tooltip2.innerHTML='&lt;marquee style=&quot;border:1px solid black&quot;&gt;'+text+'&lt;/marquee&gt;' 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=&quot;visible&quot; } else if (document.layers){ document.tooltip2.document.nstip.document.write('&lt;b&gt;'+text+'&lt;/b&gt;') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval(&quot;scrolltip()&quot;,100) document.tooltip2.left=e.pageX+10 document.tooltip2.top=e.pageY+10 document.tooltip2.visibility=&quot;show&quot; } } function hidetip2(){ if (document.all) document.all.tooltip2.style.visibility=&quot;hidden&quot; else if (document.layers){ clearInterval(currentscroll) document.tooltip2.visibility=&quot;hidden&quot; } } function scrolltip(){ if (document.tooltip2.document.nstip.left&gt;=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } &lt;/script&gt;       &lt;div id=&quot;tooltip2&quot; style=&quot;position:absolute;clip:rect(0 150 50 0);width:150px;background-color:#99FF99; top: 31px; left: 103px; visibility: hidden; height: 13px&quot;&gt;        &lt;/div&gt;</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">&nbsp;</td>           </tr>         </table>                </td>       <td bgcolor="#009900" width="18"></td>     </tr>     <tr bgcolor="#009900">        <td></td>       <td align="center" height="35">&nbsp;</td>       <td>&nbsp;</td>     </tr>   </table> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript实现的鼠标链接提示效果生成器代码

JS中showModalDialog关闭子窗口刷新主窗口用法详解
这篇文章主要介绍了JS中showModalDialog关闭子窗口刷新主窗口用法,结合具体实例形式较为详细的分析了showModalDialog常见用法与相关使用技巧,需要的朋友可以参考下
2017-03-03
JS 音频可视化插件Wavesurfer.js的使用教程
Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件，本文主要记录它及其视觉效果插件Regions插件的使用方法，感兴趣的朋友跟随小编一起看看吧
2018-10-10
使用递归遍历对象获得value值的实现方法
下面小编就为大家带来一篇使用递归遍历对象获得value值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
js实现横向伸展开的二级导航菜单代码
这篇文章主要介绍了js实现横向伸展开的二级导航菜单代码,涉及javascript鼠标事件及页面元素遍历的相关技巧,需要的朋友可以参考下
2015-08-08
微信小程序返回上一页传参并刷新过程解析
这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
JS实现字体选色板实例代码
这篇文章主要介绍了JS实现字体选色板实例代码，有需要的朋友可以参考一下
2013-11-11
一篇文章详细讲解JavaScript中的this(普通函数、箭头函数、函数运用)
这篇文章主要介绍了JavaScript中this关键字的指向规则,包括全局环境、函数、对象方法、构造函数、事件处理函数和箭头函数中的this指向,文中通过代码介绍的非常详细,需要的朋友可以参考下
2025-04-04
JS数组中的splice()方法及用原生写法分享
这篇文章主要介绍了JS中数组的splice()方法,包括其用途、参数（起始位置、删除元素个数、添加元素等）、不同参数情况的处理方式,还详细讲解了用原生JS手写splice()方法的思路和代码实现
2024-11-11
JavaScript函数之call、apply以及bind方法案例详解
这篇文章主要介绍了JavaScript函数之call、apply以及bind方法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-08-08
js word表格动态添加代码
最近听说了一个名词word宏编程。自己也学习了一下js动态添加word表格
2010-06-06

javascript实现的鼠标链接提示效果生成器代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具