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

ttx9n · 发表于 2007-6-28 00:00:00

<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="https://www.jb51.net/article/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="https://www.jb51.net/article/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"> 
<!--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="<html><title>效果演示</title><head></head><body onblur=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></html>"; 
     
form.Code.value=txt; 
form.code2.value=txt1 + txt + txt2; 
}

<!--> 
</script> 
              <input type="hidden" name="code2"> 
                
                <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> 
               
              
 
              <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需刷新才能执行]

wxrf98xr · 发表于 2022-9-18 16:23:53

sdsadsadsadf

i3x3r3 · 发表于 2023-7-25 21:22:24

快更新啊，我擦

dingzhi521 · 发表于 2023-9-12 23:12:37

可以，看卡巴

7jbiiz · 发表于 2023-10-9 07:49:42

下载来瞧瞧

errol123 · 发表于 2023-10-16 06:41:18

抽根烟，下来看看再说

fiyeid · 发表于 2023-11-17 03:54:31

我要金豆金豆金豆

8ayoqrpj · 发表于 2023-11-17 10:58:39

哈哈哈哈哈哈哈

thywok · 发表于 2024-2-20 05:08:24

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

溪谷玉贤 · 发表于 2024-7-31 18:57:14

论坛有你更精彩！

账号		自动登录	找回密码
密码			立即注册

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

相关帖子