繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
javascript实现的鼠标链接提示效果生成器代码
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<html> <head> <title>链接注释</title> <meta http-equiv="目录类型" content="文本/html; 字符集=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"> </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"> <!--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"> <div 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"> <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 全选 提示:你可先修改部分代码,再按运行]
Tags：
javascript实现的鼠标链接提示效果生成器代码
百度中搜索更多的关于
javascript实现的鼠标链接提示效果生成器代码
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
javascript实现的文字加密解密
下一篇文章：
li隔行换色改进版
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
通用的javascript 换行色换列色的小js
List the Codec Files on a Computer
用javascript实现检测指定目录是否存在的
用js+cookie记录滚动条位置
由亿起发(eqifa.com)的页面发现顶部的htt
javascript实现的文字加密解密
幻宇的层模拟窗口效果－提供演示和下载
Javascript - HTML的request类
onmousewheel event 缩放图片效果
javascript实现鼠标选取拖动或Ctrl选取拖
最 近 更 新
繁简字转换功能
javascript 中对象的继承〔转贴〕
怎么让脚本或里面的函数在所有图片都载入
自适应高度框架 ----属个人收藏内容
强悍无比的WEB开发好助手FireBug(Firefox
用函数式编程技术编写优美的 JavaScript
用js实现计算代码行数的简单方法附代码
Popup对象实现右键菜单
极致之美——百行代码实现全新智能语言
获取任意Html元素与body之间的偏移距离 o
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句