JS实现按钮及文字的悬停提示_文本链接特效

这是用JS实现的按钮及文字上的悬停提示功能，提升你网站的人性服务，适时显示提示信息，指引用户该怎么做，不要小看这些小功能哦，用好了可以提升你网站的品质，大家会喜欢上你。

<!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>CSS炫彩文字</title>
<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="#ffffff" 
        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>
</head>
<body>
<button alt="这是按钮上的提示：模板无忧是一个学习型的源码资料站，更加注重源码品质，谢谢支持！">模板无忧</button> 
<a alt="Welcome To http://www.mb5u.com">mb5u.com</a>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-20

[收藏][报错][返回列表]

JS实现按钮及文字的悬停提示_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些