让超链接显示提示信息的js代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让超链接显示提示信息的js代码

Javascript: 学习js所必须要知道的一些; 动态生成页面元素的代码; js+FSO遍历文件夹下文件并显示; 动态控制Table的js代码; javascript中的location用法简单介绍; 用window.location.href实现刷新另个框架页面; 从JavaScript的函数重名看其初始化方式; 利用JScript中运算符"||"和"&&"的特殊特性实现代码精简; JScript中的''var''定义变量的作用域; JavaScript语言中的Literal Syntax特性分析; JS类中定义原型方法的两种实现的区别; 在JavaScript中使用inline函数的问题; 区分JS中的undefined,null,"",0和false; JavaScript中this关键字使用方法详解; function, new function, new Function之间的区别; JScript中的"this"关键字使用方式补充材料; JavaScript语句可以不以;结尾的烦恼; JScript中的undefined和"undefined"的区别; 使用IE的地址栏来辅助调试Web页脚本; JS类库Bindows1.3中的内存释放方式分析

No. « ‹ 52 53 54 55 › »

技术文章搜索

关键字

Javascript 中的让超链接显示提示信息的js代码

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

收藏到网摘: n/a

跑马灯效果大全打开超链需要“确认”对话框的方法

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head> <title>让超链接显示提示信息</title> <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>
</head>
<body>
显示静态文本信息
<a href=http://www.ruanchen.com title="软晨学习网">软晨学习网</a>
显示动态文本信息
<div id="tooltip2"
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width="1000px" bgColor="lightyellow">
</layer>
</div>
<a href=http://www.ruanchen.com onMouseover="showtip2(this,event,'收藏了大量的精品学习资料')" onMouseout="hidetip2()">软晨学习网</a>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

跑马灯效果大全打开超链需要“确认”对话框的方法

Javascript 中的 让超链接显示提示信息的js代码

评论 (0) All

Javascript 中的让超链接显示提示信息的js代码