js制作鼠标移动提示层
2015-10-18 21:18
495 查看
<script type="text/javascript">
function window.onload()
{
var tip=document.createElement("DIV")
tip.id="oTip"
with(tip.style)
{
position="absolute"
border="1px
solid #363636"
backgroundColor="#C0C0C0"
font="normal
12px Tahoma"
padding="1
3 1 3"
display="none"
}
document.body.appendChild(tip)
document.onmouseover=show
document.onmouseout=hide
}
function show()
{
if(event.srcElement.alt && event.srcElement.alt!="")
{
with(oTip.style)
{
posLeft=document.body.scrollLeft+event.x+10
posTop=document.body.scrollTop+event.y+10
oTip.innerText=event.srcElement.alt
event.srcElement.alt=""
display="block"
}
}
}
function hide()
{
event.srcElement.alt=oTip.innerText
oTip.innerText=""
oTip.style.display="none"
}
</script>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="图片上的提示">
<button alt="按钮上的提示">按钮</button>
<a alt="链接上的提示">链接</a>
function window.onload()
{
var tip=document.createElement("DIV")
tip.id="oTip"
with(tip.style)
{
position="absolute"
border="1px
solid #363636"
backgroundColor="#C0C0C0"
font="normal
12px Tahoma"
padding="1
3 1 3"
display="none"
}
document.body.appendChild(tip)
document.onmouseover=show
document.onmouseout=hide
}
function show()
{
if(event.srcElement.alt && event.srcElement.alt!="")
{
with(oTip.style)
{
posLeft=document.body.scrollLeft+event.x+10
posTop=document.body.scrollTop+event.y+10
oTip.innerText=event.srcElement.alt
event.srcElement.alt=""
display="block"
}
}
}
function hide()
{
event.srcElement.alt=oTip.innerText
oTip.innerText=""
oTip.style.display="none"
}
</script>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="图片上的提示">
<button alt="按钮上的提示">按钮</button>
<a alt="链接上的提示">链接</a>
相关文章推荐
- 一段非常简单的让图片自动切换js代码
- JavaScript Core -- 函数详解(作用域&&参数值传递&&this关键字&&函数声明)
- JavaScript 面向对象
- jsp中的js代码调用EL表达式
- Javascript(函数)
- VS中关于JS的调试
- JS基础
- Ajax使用的四大步骤
- JavaScript(五) hasOwnProtype原型链 过滤
- 组合模式
- [Javascript] Querying an Immutable.js Map()
- servlet中filter的的异步问题以及JSP与servlet配合时filter的注意
- js闭包
- javascript于boolean类型转换,运营商&&和|| 返回值
- [Javascript] Modifying an Immutable.js Map()
- 服务器和前台采用JSON通讯
- javascript函数
- JSON数据解析(转)
- js输出console
- HTML / JavaScript / PHP 实现页面跳转的几种方式