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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript实现的鼠标链接提示效果生成器代码

Javascript: 给初学者提供几本学习js值得看的书; Javascript----文件操作; Vml+Js算法:完成5个小球在网页运动(碰壁返回)的游戏,详细注释; Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条; Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片; Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了; 判断客户浏览器是否支持cookie; 几种常用的表单输入判断; CSDN无限级树数据库版(ASP+ACCESS); JavaScript 寫遊戲 : 俄羅斯方塊; JavaScript 寫遊戲 : 搬吖; JavaScript 遊戲 : 貪吃蛇; JavaScript 寫時鍾日曆; VML:经典的图片叠加效果(灰色调); 一个简单的仿xp的js下拉菜单; JScript 寫 sortNode; 关于javascript中数组元素删除问题的讨论; IE中非模式对话框(showModelessDialog)应用; Dhtml:用ondrag事件简单的实现鼠标拖动物件.; 对WebUI技术感兴趣的说

No. « ‹ 7 8 9 10 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 53 ::

收藏到网摘: n/a

javascript实现的文字加密解密 javascript实现动态CSS换肤技术的脚本

点击运行可以看到效果:

<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 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 全选提示:你可先修改部分代码,再按运行]

javascript实现的文字加密解密 javascript实现动态CSS换肤技术的脚本

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

评论 (0) All